bootstrap 下拉组件失效通常源于 cdn 链接被意外截断、缺少必要依赖（如 popper.js）、html 结构不规范或未正确引入 bootstrap js 包，本文将系统性排查并提供可直接运行的修复方案。
在使用 Bootstrap 5 的下拉（Dropdown）组件时，若点击按钮无响应、菜单不展开且控制台无报错，问题往往不出现在逻辑代码本身，而是隐藏在基础环境配置中。最常见的元凶是 CDN 资源链接被 HTML 解析器误截断——尤其当 或
✅ 正确引入 Bootstrap 5（关键要点）
Bootstrap 5 依赖 bootstrap.bundle.min.js（已内置 Popper.js），不可仅引入 bootstrap.min.js。同时，CDN 链接必须为单行、无换行、无非法字符。以下为推荐的、经验证的引入方式：
Bootstrap Dropdown 示例
⚠️ 常见错误与排查清单
| 问题类型 | 表现 | 修复方式 |
|---|---|---|
| CDN 链接换行/截断 | 控制台出现 Failed to load resource: net::ERR_ABORTED | 检查 和 |
| 遗漏 bootstrap.bundle.min.js | 下拉无反应，无控制台报错 | 确保引入的是 bootstrap.bundle.min.js（含 Popper），而非 bootstrap.min.js（需额外引入 Popper） |
| HTML 结构不合规 | 菜单闪现即消失、定位异常 | 标签作为触发器时需添加 role="button"；推荐统一使用 |
| JS 执行时机过早 | 在 DOM 渲染前执行 JS | 将 |
