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>` 內），即可快速實現簡潔導航菜單。