javascript - 我的导航栏上的显示/隐藏按钮 Bootstrap 不起作用

Question

当我的屏幕变小并且切换按钮显示而我的菜单消失时，单击它不会显示我的菜单。这是我的代码。

     <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>

Answer 1

错误可能在这里:

data-target=".navbar-collapse collapse"

尝试更改:

data-target=".navbar-collapse.collapse"

或者:

data-target=".navbar-collapse"