Bootstrap下拉菜单点击没反应，90%因bootstrap.bundle.min.js未加载成功或被换行截断；需检查Network中JS是否200、CDN链接是否完整、data-bs-toggle是否正确、.dropdown-menu是否同级、动态内容是否手动初始化。
Bootstrap 下拉菜单点击没反应，90% 的情况不是代码写错了，而是 bootstrap.bundle.min.js 根本没加载成功，或者加载了但被其他错误拦住了初始化。
检查 bootstrap.bundle.min.js 是否真正加载成功
下拉菜单依赖 JS 初始化，data-bs-toggle="dropdown" 只是触发器，没有 JS 就只是个普通属性。必须确认这个文件不仅引入了，而且请求状态是 200。
- 打开浏览器开发者工具 → Network 面板 → 刷新页面 → 筛选
bootstrap→ 查看bootstrap.bundle.min.js请求是否返回 200 - 特别注意 CDN 链接是否被换行或空格截断（比如
https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js中间有回车，浏览器会解析成min.js%20，直接 404） - 别用
bootstrap.min.js替代bootstrap.bundle.min.js：前者不含 Popper，菜单能“点”，但无法定位、无法展开
确认 data-bs-toggle="dropdown" 写对且结构合法
Bootstrap 5+ 彻底移除 jQuery 依赖，所有 data 属性都必须用 data-bs-* 前缀。拼错、漏写、混用旧名都会让实例压根不创建。
- 触发元素（按钮/链接）必须有且仅有
data-bs-toggle="dropdown"；写成data-toggle="dropdown"或data-bs-toggle="dropdowm"都无效 -
.dropdown-menu必须是触发元素的同级兄弟元素（推荐直接子元素），不能嵌在触发元素内部 - 检查是否有 CSS 强制覆盖：
.dropdown-menu { display: none !important; }或pointer-events: none;会拦截点击
动态插入的下拉菜单必须手动初始化
如果下拉结构是通过 innerHTML、fetch 渲染后插入 DOM 的，Bootstrap 不会自动扫描新节点——原生属性不会“活过来”。
- 插入完成后，显式调用：
new bootstrap.Dropdown(element)，其中element是带data-bs-toggle="dropdown"的触发器节点 - 构造函数名是大写的
Dropdown，不是小写的dropdown - 若页面含 Vue/React，注意框架可能阻止事件冒泡，导致 Bootstrap 的 document 级 click 监听收不到关闭事件
移动端点不动？先查 .dropdown-backdrop 是否遮挡
移动端展开时 Bootstrap 会自动插入一个全屏 .dropdown-backdrop，某些安卓 WebView 或 iOS Safari 会把它渲染在菜单上方，你看似点了菜单项，实际点的是 backdrop。
- 用开发者工具展开菜单后搜索
dropdown-backdrop，看它是否盖在.dropdown-menu上方 - 临时修复只需一行 CSS：
.dropdown-backdrop { position: static !important; } - 别用
display: none隐藏它，否则部分版本 Bootstrap 会因 backdrop 缺失而拒绝关闭菜单
最容易被忽略的其实是 HTML 标签完整性：<link> 和 <script></script> 标签里的 URL 被编辑器自动换行、CDN 地址里混入不可见空格、或 <script></script> 放在 里却引用了尚未存在的 DOM —— 这些问题不会报 JS 错误，但会让整个组件静默失效。
