[英]Bootstrap Navbar drop down menu in the wrong place
The issue is with the icon bars that can only be seen when on a small or extra small screen. 问题在于图标栏只能在小屏幕或超小屏幕上看到。 When you click the icon bars you are supposed to have a drop down menu show up by the icon bars, instead it shows up right next to the title.
当你点击图标栏时,你应该有一个下拉菜单显示图标栏,而不是它出现在标题旁边。 I cannot figure out the issue.
我无法弄清楚这个问题。 Here is my code:
这是我的代码:
HTML 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>
You forgot to add .navbar-header div.So its happens like this. 你忘了添加.navbar-header div。它就像这样发生。
code: 码:
<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.