Bootstrap 的下拉组件依赖 JavaScript（尤其是 Popper 和 Bootstrap JS）才能触发展开行为；若仅引入 CSS 而未加载对应 JS 文件，.dropdown 或自定义下拉结构将完全静默——这是最常见的“点击无反应”根本原因。

bootstrap 下拉菜单无法展开？原因及完整解决方案

在使用 Bootstrap 构建响应式下拉交互（如商品筛选中的“Show: 50”或“Sort by: High to Low”）时，你可能会遇到点击后

列表完全不展开的问题——即使 HTML 结构语义正确、CSS 类名无误、Thymeleaf 动态链接也渲染正常。这并非样式冲突或模板引擎问题，而是一个被频繁忽略的核心前提：Bootstrap 的下拉（Dropdown）组件是 JavaScript 驱动的交互组件，必须显式引入并初始化相关 JS 资源，否则纯 HTML/CSS 无法激活任何下拉行为。

✅ 正确启用 Bootstrap 下拉功能的三步关键操作

1. 确保 Bootstrap CSS 已加载（基础样式支持）

   

   VPS Bootstrap

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

   下载

   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">

2. 必须引入 Bootstrap JavaScript（含 Popper）
   Bootstrap 5+ 移除了对 jQuery 的依赖，但必须使用 bootstrap.bundle.min.js（已内置 Popper），不可仅用 bootstrap.min.js（不含 Popper，会导致下拉定位失败甚至不触发）：

   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>

   ⚠️ 注意：若你使用的是本地文件，请确认路径正确且服务器能访问该 JS；CDN 链接需放在