Bootstrap Navbar无法折叠问题（使用非最新版本）

针对你遇到的Bootstrap 5.2.3 Navbar无法折叠的问题，即使替换官方代码仍未解决，可按以下步骤排查：

• 排查自定义CSS干扰
  你的页面引入了books.css，有可能其中的样式覆盖了Bootstrap Navbar的折叠相关样式（比如修改了.collapse、.navbar-toggler或.navbar-collapse的默认属性）。临时注释掉<link href="/css/books.css" rel="stylesheet" />，测试折叠功能是否恢复正常。如果恢复，再逐步排查books.css中的冲突样式。

• 调整脚本加载位置
  你目前把bootstrap.bundle.min.js放在了<head>标签内，虽然Bootstrap 5允许这种做法，但脚本可能在DOM未完全加载完成时执行，导致折叠按钮的事件绑定失败。尝试将该脚本移至</body>标签前，确保DOM渲染完成后再加载Bootstrap脚本。

• 检查浏览器控制台错误
  打开浏览器开发者工具（F12）的控制台面板，查看是否存在JS加载失败、语法错误或其他脚本冲突的提示。如果有错误，优先修复这些问题，Bootstrap的折叠功能依赖其JS组件正常运行。

• 测试最小化可复现示例
  创建一个仅包含Bootstrap引用和Navbar代码的空白页面，去掉所有其他自定义内容（如模板变量<%= count %>、自定义CSS、其他脚本），测试折叠功能是否正常。如果正常，再逐步添加原有内容，定位导致问题的代码块。

• 确认响应式触发条件
  确保你的测试窗口宽度小于lg断点（默认是992px），因为navbar-expand-lg会让Navbar在≥992px宽度时保持展开状态，只有小于该宽度时才会显示折叠按钮。

内容的提问来源于stack exchange，提问作者Alex