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

文章来源: https://blog.csdn.net/weixin_44055272/article/details/90486189