下拉菜单
单按钮下拉菜单
使用 <a> 标签
下拉菜单的外在表现
分裂式按钮下拉菜单
向上弹出菜单按钮
大小尺寸
左指向/右指向下拉菜单
通过将 .dropright .dropleft 添加到父元素来触发元素右侧/左侧的下拉菜单。
菜单项
v3版本下拉菜单中的子菜单项必须是链接，但v4不再是这种情况，你可选择使用 <button> 作为下拉列表中的元素，而不是仅仅 <a> 标签。
分交互式下拉项
也可以使用 .dropdown-item-text 创建非交互式下拉项。可以使用自定义CSS或文本实用程序进一步设计样式。
下拉中的选中项和禁用项
使用 .active 将选项设置为选中。使用 .disabled 禁用选项。
菜单对齐&菜单标题&分割线
默认情况下，一个下拉菜单自动从顶部和左侧的父级100％定位。添加 .dropdown-menu-right 到 .dropdown-menu 右侧轻松对齐下拉菜单。
使用文本
使用表单
位置偏移
使用 data-offset 或 data-reference 更改下拉列表的位置。
菜单标题&分割线
.dropdown-header 添加标题来标记任何下拉菜单中的操作部分。.dropdown-divider 使用分隔符分割相关菜单子项，呈现出分组和分割线效果。