我有一个引导菜单,并且遇到两个问题。第一个是菜单项应显示在右侧,但不会显示。
第二个是移动切换按钮始终显示在徽标旁边的左侧。它应该仅在屏幕尺寸较小时显示,并且应显示在右侧。我尝试过npm package
,但没有任何影响。
这是我的代码:
navbar-toggler-right
这是现在在桌面上的样子:
答案 0 :(得分:0)
通过将navbar-expand-lg
添加到您的导航类中,它将显示出来。
删除容器div和navbar-header div,它将在右侧显示菜单。
完整代码:
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="/"><img src="assets/img/logo.png" alt=""></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active"><a class="nav-link" href="/">Home</a></li>
<li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="resources.html">Resources</a></li>
<li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
</ul>
</div>
</nav>