单按钮下拉菜单

使用 <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 使用分隔符分割相关菜单子项，呈现出分组和分割线效果。