引导导航栏切换按钮不工作的问题



想知道为什么我的Bootstrap切换器不工作。查看了其他一些关于类似问题的帖子,但没有找到合适的解决方案,因为一切似乎都井然有序。

<body>
<nav class="navbar navbar-expand-lg bg-dark navbar-dark">
<div class="container">
<a href="#" class="navbar-brand">Frontend Bootcamp</a>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navmenu"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navmenu">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a href="#learn" class="nav-link">What You'll Learn</a>
</li>
<li class="nav-item">
<a href="#questions" class="nav-link">Questions</a>
</li>
<li class="nav-item">
<a href="#instructors" class="nav-link">Instructors</a>
</li>
</ul>
</div>
</div>
</nav>
</html>

如果你正在质疑为什么你的图标不出现,这是因为它的颜色,使用text-white类使其可见(或添加.navbar-inverse到你的导航栏)

如果你的崩溃不工作,这可能是因为你没有链接bootstrap.js在你的项目

https://jsfiddle.net/mahdiar_mansouri/3u5jvw1d/5/

这个fiddle是基于你的代码,它有图标可见(两个图标实际上,一个来自bs本身,另一个来自bootstrap图标包),它的崩溃是正常工作的

最新更新