[英]Bootstrap Navbar drop down menu in the wrong place
問題在於圖標欄只能在小屏幕或超小屏幕上看到。 當你點擊圖標欄時,你應該有一個下拉菜單顯示圖標欄,而不是它出現在標題旁邊。 我無法弄清楚這個問題。 這是我的代碼:
HTML
<div class="navbar navbar-default navbar-static-top">
<div class="container">
<a href="#" class="navbar-brand">Art and other cool stuff</a>
<button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse navHeaderCollapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Home</a>
</li>
<li><a href="#">Swag</a>
</li>
<li><a href="#">WillyWonka</a>
</li>
<li><a href="#">Masterful</a>
</li>
</ul>
</div>
</div>
</div>
你忘了添加.navbar-header div。它就像這樣發生。
碼:
<div class="navbar navbar-default navbar-static-top">
<div class="container">
<div class="navbar-header">
<a href="#" class="navbar-brand">Art and other cool stuff</a>
<button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse navHeaderCollapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Home</a>
</li>
<li><a href="#">Swag</a>
</li>
<li><a href="#">WillyWonka</a>
</li>
<li><a href="#">Masterful</a>
</li>
</ul>
</div>
</div>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.