我想保留一些菜單項在導航欄中可見,即使在移動視圖中。因此,它不應該包含在導航欄切換下拉菜單中,而是保持可見,就像在桌面視圖上一樣,在導航欄切換旁邊。我需要的行爲與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」它的工作很好!謝謝你:) –