2019-01-15下拉选项框

使用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调整菜单位置,和内容位置。


菜单位置只需要在承载dropdown的div标签中声明pull-right或者pull-left

内容位置则在ul标签中声明 class= dropdown-menu-right

我这里使用了container来承载所以没有跑到,浏览器的最右边

4.1如构建下拉内容的分组

添加一个li标签,使用class=dropdown-header类

或者不对分组信息进行说明则使用

class=divider分屏器


4.2禁止某个下拉内容的选择,只需添加class=disabled


总结大概就这么多,这只是一个简单的下拉选项!


你可能感兴趣的:(2019-01-15下拉选项框)