bootstrap 下拉菜单无法显示选项，通常是因为缺少 popper.js 或 bootstrap javascript 依赖；只需引入官方推荐的 bootstrap bundle（含 popper）或单独加载 popper + bootstrap js 即可解决。

bootstrap 下拉菜单无法显示选项，通常是因为缺少 popper.js 或 bootstrap javascript 依赖；只需引入官方推荐的 bootstrap bundle（含 popper）或单独加载 popper + bootstrap js 即可解决。

Bootstrap 5+ 已移除内置 Popper 依赖，所有基于定位的交互组件（如下拉菜单、弹出框、工具提示）均需外部引入 Popper.js 才能正常渲染子菜单项。你提供的 HTML 结构完全正确，问题不在代码本身，而在运行时依赖缺失——浏览器能渲染

元素，但因缺少 JS 支持，无法动态添加 show 类、计算定位、触发显示逻辑，导致菜单项始终处于隐藏状态（display: none）。

✅ 正确引入方式（推荐使用 Bundle）：


VPS Bootstrap
从零启动全新 VPS，完成 OpenClaw 完整部署，包括备份/恢复及恢复后验证。用于 OpenClaw 部署。
下载

<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"><!-- Bootstrap JS Bundle (包含 Popper) --><script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>

⚠️ 错误示例（仅引入 CSS 或纯 JS）：

<!-- ❌ 缺少 Popper → 下拉失效 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"></script><!-- ❌ 完全未引入 JS → 无任何交互行为 --><!-- 仅靠 CSS 无法激活下拉 -->

? 验证是否生效：
在浏览器开发者工具中检查 .dropdown-menu 元素——点击触发后，应动态获得 show 类及内联样式 display: block；若无此变化，即为 JS 未正确加载。

? 补充建议：

• 确保 <script> 标签置于 </script>