Bootstrap 移动端导航菜单点击后无法关闭，根本原因在于重复加载了 Bootstrap JavaScript（尤其是 bootstrap.min.js 与 bootstrap.bundle.min.js 冲突），导致 Collapse 插件初始化异常；分离式 header.html 本身不会引发该问题。
bootstrap 移动端导航菜单点击后无法收起，根本原因在于重复加载了 bootstrap javascript（尤其是 `bootstrap.min.js` 与 `bootstrap.bundle.min.js` 冲突），导致 collapse 插件初始化异常；分离式 `header.html` 本身不会引发该问题。
在使用 Bootstrap 构建响应式网站时，将导航栏（navbar）抽离为独立的 header.html 文件并通过 fetch() 动态注入，是一种常见且合理的模块化实践。然而，许多开发者会遇到这样一个典型问题：移动端菜单（即“汉堡图标”）首次点击可正常展开，但再次点击却无法收起——菜单始终处于 show 状态。
根本原因并非 HTML 分离，而是 Bootstrap 的重复加载冲突。
你的原始 index.html 中存在两处 Bootstrap JS 加载：
- ✅ <script src="...bootstrap.bundle.min.js">（位于 <head> 中，已内置 Popper 和所有插件）</script>
- ❌ 后续又单独引入了 popper.min.js + bootstrap.min.js（位于
