Bootstrap 5.2导航栏切换按钮点击无响应问题求助

你的导航栏折叠按钮点击无响应，核心问题是脚本标签的写法错误：

在HTML规范中，<script>标签不支持自闭合语法（<script src="..."/>），浏览器无法正确解析并加载Bootstrap的JS脚本，导致折叠交互的JavaScript逻辑无法运行。

修正步骤： #

1. 将自闭合的脚本标签改为标准闭合写法：
   原代码：

   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"/>
   

   修正后：

   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
   

2. 额外检查：确保你已经在页面<head>中正确引入Bootstrap的CSS文件（你的代码里未包含，这是Bootstrap组件正常显示的基础）：

   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet">
   

验证其他正确配置： #

你的代码中以下部分是正确的，无需修改：

• data-bs-toggle="collapse" 和 data-bs-target="#navbarNav" 属性与折叠容器的id="navbarNav"匹配
• 导航栏的结构符合Bootstrap 5的规范（navbar-expand-md控制断点，collapse navbar-collapse包裹导航项）

修正后刷新页面，小屏幕下点击汉堡按钮即可正常展开导航项。

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