这期内容当中小编将会给大家带来有关bootstrap4中怎么设置下拉菜单，文章内容丰富且以专业的角度为大家分析和叙述，阅读完这篇文章希望大家可以有所收获。
Bootarp 4 下拉菜单
下拉菜单是可切换的，是以列表格式显示链接的上下文菜单。
Dropdown button Link 1 Link 2 Link 3
代码解读
.dropdown类用来指定一个下拉菜单。
.dropdown
我们可以使用一个按钮或链接来打开下拉菜单， 按钮或链接需要添加 .dropdown-toggle 和data-toggle="dropdown" 属性。
data-toggle="dropdown
"
.dropdown-menu
.dropdown-item
下拉菜单中的分割线
.dropdown-divider类用于在下拉菜单中创建一个水平的分割线：
.dropdown-divider
下拉菜单中的标题
.dropdown-header类用于在下拉菜单中添加标题：
.dropdown-header
Dropdown header 1
下拉菜单中的可用项与禁用项
.active 类会让下拉菜单的选项高亮显示 (添加蓝色背景)。
.active
如果要禁用下拉菜单的选项，可以使用.disabled 类。
.
disabled
ActiveDisabled
下拉菜单的定位
如果我们想让下拉菜单右对齐，可以在元素上的.dropdown-menu 类后添加.dropdown-menu-right 类。
.dropdown-menu-right
指定向上弹出的下拉菜单
如果你希望下拉菜单向上弹出，可以将
class="dropdown"
"dropup"
按钮中设置下拉菜单
我们可以在按钮中添加下拉菜单：
Sony Tablet Smartphone
上述就是小编为大家分享的bootstrap4中怎么设置下拉菜单了，如果刚好有类似的疑惑，不妨参照上述分析进行理解。如果想知道更多相关知识，欢迎关注创新互联行业资讯频道。
