bootstrap_ref_comp_dropdowns

Bootstrap 下拉菜单组件

下拉菜单（Dropdowns）是可切换的、上下文相关的叠加层，用于显示链接列表等内容。它们通过 Bootstrap 下拉菜单 JavaScript 插件（或数据属性）实现交互。在 Bootstrap 5 中，使用 data-bs-toggle="dropdown" 来激活它们。

要了解有关下拉菜单的教程，请阅读我们的 Bootstrap 下拉菜单教程。

类名描述示例（概念性 - 请参阅完整的下拉菜单教程获取代码）

.dropdown 表示一个下拉菜单容器。尝试一下

.dropdown-menu 构建实际的下拉菜单列表。尝试一下

.dropdown-menu-end 将下拉菜单相对于其触发器右对齐。（取代 .dropdown-menu-right）尝试一下

.dropdown-menu-start 将下拉菜单相对于其触发器左对齐（默认行为，但可以显式指定）。尝试一下

.dropdown-header 在下拉菜单内部添加标题文本。尝试一下

.dropup 表示一个向上弹出的上拉菜单。尝试一下

.dropend 表示一个在其触发器右侧展开的下拉菜单。尝试一下

.dropstart 表示一个在其触发器左侧展开的下拉菜单。尝试一下

.dropdown-item.disabled, a.dropdown-item.disabled 禁用下拉菜单中的项目。为了可访问性，请使用 aria-disabled="true"。尝试一下

.dropdown-divider 用水平线分隔相关的菜单项组。（取代 .divider）尝试一下

.dropdown-item-text 用于在下拉菜单中添加纯文本，非交互式。尝试一下

注意：Bootstrap 5 偏好使用 data-bs-* 属性，因此 data-toggle="dropdown" 变更为 data-bs-toggle="dropdown"。