Bootstrap5下拉菜单：点击展开的导航选项列表

Bootstrap5下拉菜单可解决菜单项多导致的空间占用问题，通过折叠节省空间并保持界面简洁。使用前需引入Bootstrap5 CSS、Popper.js和Bootstrap JS（顺序不可错）。 核心结构为：外层 `<div class="dropdown">` 容器，内部包含触发按钮（`class="btn dropdown-toggle"`，带 `data-bs-toggle="dropdown"` 属性）和选项列表（`class="dropdown-menu"`）。选项列表用 `<li>` 包裹，菜单项为 `dropdown-item`，支持 `active`（高亮）、`disabled`（禁用）及分割线（`dropdown-divider`）。 交互逻辑内置：点击触发按钮展开/收起列表，点击菜单项自动关闭，无需额外JS。进阶用法支持右对齐（`dropdown-menu-end`）和向上展开（`dropup` 类）。 使用时需确保依赖正确引入，结构无误（如菜单项在 `<li>` 内），即可快速实现简洁导航菜单。