当我的屏幕变小并且切换按钮显示而我的菜单消失时,单击它不会显示我的菜单。这是我的代码。
<div id="menu" class="navbar navbar-default navbar-fixed-top">
<div class="navbar-header">
<button class="btn btn-success navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse collapse"><span class="glyphicon glyphicon-th-list"></span></button>
<div id="logo">
<a href="#"><h3>Zaynee Corals</h3></a>
</div>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li class="nav active"><a href="#">Home</a></li>
<li class="nav"><a href="about.html">About Us</a></li>
<li class="nav"><a href="#">Training</a></li>
<li class="nav"><a href="#">Shop</a></li>
<li class="nav"><a href="gallery.html">Gallery</a></li>
<li class="nav"><a href="#">Blog</a></li>
<li class="nav"><a href="#">Contact</a></li>
</ul>
</div>
</div>
最佳答案
错误可能在这里:
data-target=".navbar-collapse collapse"
尝试更改:
data-target=".navbar-collapse.collapse"
或者:
data-target=".navbar-collapse"
关于javascript - 我的导航栏上的显示/隐藏按钮 Bootstrap 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33874984/