Bootstrap 5中Navbar Toggle无法正常工作问题求助

Bootstrap 5 对组件的数据属性命名规则做了调整，原Bootstrap 4中使用的data-toggle和data-target属性已被替换为带bs前缀的新属性，这是导致切换按钮失效的核心原因。

修改步骤： #

将导航栏切换按钮中的两个属性替换为Bootstrap 5的标准属性：

• 把 data-toggle="collapse" 改为 data-bs-toggle="collapse"
• 把 data-target="#navbarCollapse" 改为 data-bs-target="#navbarCollapse"

修改后的完整按钮代码：

<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
</button>

额外检查项： #

• 确认项目中已正确引入Bootstrap 5的JavaScript文件（Bootstrap 5移除了对jQuery的依赖，无需再引入jQuery）
• 验证折叠内容容器的id（即示例中的navbarCollapse）与按钮的data-bs-target属性值完全匹配

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