Bootstrap 布局组件

字体图标（Glyphicons）

bootstrap提供了250个字体图标，只需要给元素添加字体图标类，就能显示字体图标对应的图片，不需要再添加图片了。图片不予其他组件联合使用，应该创建一个嵌套的<span>标签，给<span>标签添加图标类。

下拉菜单

基本结构<div class="dropdown">  <button  data-toggle="dropdown">下拉菜单</button>

<ul class="dropdown-menu " > <li></li><li></li> <li></li></ul></div>

为div添加dropown类，为ul添加dropdown-menu ，为button添加data-toggle="dropdown"（点击触发dropdown）

把class="dropdown"改为class="dropup"，菜单向上弹出。

对齐

为ul添加dropdown-menu-left或dropdown-menu-right，下拉菜单就会左对齐或右对齐。

 标题与分割线

dropdown-header可以为下拉菜单分组，divider为下拉菜单增加一条分割线，将多个链接分组。

禁用的菜单项

为菜单的<li>元素添加.disabled，该菜单项被禁用，鼠标放在上面会出现禁用的标志。