1 下拉列表

1.1 下拉列表基本组成

1.最外面的div是dropdown类 2.显示的按钮是dropdown-toggle类。同时他还有一个data-toggle属性。 data-toggle是dropdown表示向下展开，dorpup表示向上展开。 3.下拉列表是dropdown-menu类。

<div class="dropdown"> <button class="btn dropdown-toggle" data-toggle="dropdown"> 下拉按钮 <span class="caret"></span> </button> <ul class="dropdown-menu" > <li>选项1</li> <li>选项2</li> </ul> </div>

1.2 列表项的分组

只是看着有区别，在下拉内容 1.dropdown-header类表示分组的标题 2.diliver类表示分割线

<ul class="dropdown-menu" > <li class="dropdown-header">选项1</li> <li>选项1,1</li> <li>选项1,2</li> <li class="dropdown-header">选项2</li> <li class="divider"></li> <li>选项2,1</li> <li>选项2,2</li> </ul>

1.3 下拉列表的对齐方式

1.3 列表项的状态

2 按钮组

3 输入控件组

4 导航条