使用dropdown类写下拉菜单
1.首先使用div标签进行承载
使用class=dropdown 类
2.接着构造button按钮,
使用class=btn,dropdown-toggle 说明是切换按钮
data-toggle=“dropdown”
当想让菜单向上弹出时,只需要修改父标签中class类为dropup就行
3.构造下拉内容
有多条内容时,使用ul标签进行构造
class=“dropdown-menu”
li标签可以不变
4.其他可选项
4.2调整菜单位置,和内容位置。
![](https://img.haomeiwen.com/i14774900/220981d854942318.png)
菜单位置只需要在承载dropdown的div标签中声明pull-right或者pull-left
内容位置则在ul标签中声明 class= dropdown-menu-right
![](https://img.haomeiwen.com/i14774900/7d4e2982316ecf4a.png)
我这里使用了container来承载所以没有跑到,浏览器的最右边
4.1如构建下拉内容的分组
添加一个li标签,使用class=dropdown-header类
或者不对分组信息进行说明则使用
class=divider分屏器
![](https://img.haomeiwen.com/i14774900/f7ef54ebeebb2aa9.png)
网友评论