Bootstrap v5.0导航栏移动端展开后无法点击关闭问题求助

• 代码引入的是Bootstrap 5.0.0-beta3测试版本，该版本的Collapse组件存在已确认的交互缺陷：导航栏展开后，汉堡按钮的点击事件会被展开的导航层拦截，无法触发关闭逻辑，该问题在后续正式稳定版中已修复。
• 页面缺失移动端必备的viewport配置标签，会导致移动端浏览器的点击热区判定偏移，进一步放大上述组件缺陷的影响。

• 替换当前引入的Bootstrap CSS、JS资源为5.0.0正式稳定版，不使用未经过全量测试的beta分支版本。
• 在页面head区域补充移动端适配标签：<meta name="viewport" content="width=device-width, initial-scale=1">
• 手动给汉堡触发按钮设置最高可点击层级，避免被其他元素覆盖，可补充自定义类或行内样式：z-index: 1050，确保按钮始终处于最高层不会被遮挡。

补充说明：Bootstrap原生导航栏的汉堡按钮默认绑定了展开/关闭的toggle事件，只要使用的是稳定版本组件、层级无异常遮挡、移动端适配配置正确，不会出现展开后无法关闭的交互问题。

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