Bootstrap导航栏不会切换
我是使用Bootstrap的新手,并且非常希望你们中的一位专业人士向我展示我犯错误的地方。
我想要实现的目标:我正在使用Bootstrap在响应式网站上工作。 我希望我的导航栏固定在顶部,当网页缩小到移动尺寸时,我希望我的导航栏在按下时显示菜单项。
问题:在移动浏览器尺寸中,按下时导航栏不会显示任何菜单项。 没有切换。
我尝试过:我浏览过其他用户的StackOverflow问题和评论,其中大多数人都说要确保“数据切换”与“折叠导航栏崩溃”类之后的id选择器匹配。
你会发现这些匹配。 myNavbar是一个id选择器。 解决方案不起作用。
首先确保在jquery脚本标记之后包含bootstrap.js。然后检查导航栏标记。例如:
和
您需要正确添加CDN,否则切换将无法正常工作
添加Bootstrap 4 CDN需要遵循的顺序是:
- jQuery的
- Popper.js
- Bootstrap JS
根据bootstrap 4规范要遵循的示例模板是:
Kulkarni Book-Stall
您可能缺少bootstrap的javascript组件。 菜单折叠function需要它才能工作。 或者,exception可能已停止Javascript。 您可以在浏览器调试控制台中查看它。