Bootstrap 4 导航栏在小屏设备上无法展开，通常由 JS 依赖缺失、data 属性命名错误（如 data-target 未升级为 data-bs-target）、ID 不匹配或 HTML 标签闭合错误导致。本文提供一站式排查与修复方案。
bootstrap 4 导航栏在小屏设备上无法展开，通常由 js 依赖缺失、data 属性命名错误（如 `data-target` 未升级为 `data-bs-target`）、id 不匹配或 html 标签闭合错误导致。本文提供一站式排查与修复方案。
在 Bootstrap 4 中，导航栏（Navbar）的响应式折叠功能依赖于 Bootstrap JavaScript 组件（特别是 Collapse 插件）及严格匹配的 data-* 属性与 DOM ID。若点击汉堡按钮无反应，问题几乎必然出在以下四个关键环节：JS 运行时依赖缺失、data-bs-toggle/data-bs-target 属性不一致、目标 id 不匹配、或 HTML 结构语法错误。
✅ 正确配置四要素
-
引入 Bootstrap Bundle JS（含 Popper 和 Collapse）
Bootstrap 4 要求必须加载 bootstrap.bundle.min.js（含依赖的 Popper），而非仅 bootstrap.min.js。推荐通过 CDN 引入，并置于
