Bootstrap插件1 控件组

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 导航条