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>