我想保留一些菜单项在导航栏中可见,即使在移动视图中。因此,它不应该包含在导航栏切换下拉菜单中,而是保持可见,就像在桌面视图上一样,在导航栏切换旁边。我需要的行为与navbar-brand
类似,即使在手机上也可以看到。这是我目前的代码,但我不知道如何做到这一点:Bootstrap - 将按钮添加到移动导航栏
<nav role="navigation" class="navbar navbar-default">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand">Brand </a>
</div>
<!-- Collection of nav links and other content for toggling -->
<div id="navbarCollapse" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"> <a href="#" data-toggle="collapse" data-target="#navbarCollapse">Home</a></li>
<li><a href="#" data-toggle="collapse" data-target="#navbarCollapse">Profile</a></li>
<li><a href="#" data-toggle="collapse" data-target="#navbarCollapse">Messages</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#" data-toggle="collapse" data-target="#navbarCollapse">Login</a></li>
</ul>
</div>
</nav>
任何帮助表示赞赏,谢谢!
https://www.w3schools.com/bootstrap/bootstrap_ref_css_helpers.asp ---->在这里您可以看到您的要求!内部“响应式工具”为您使用class =“visible-lg”它的工作很好!谢谢你:) –