Javascript 导航栏上的显示/隐藏按钮引导程序不工作

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

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

尝试更改：

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

或：

好的，在数据目标中添加id=“myid”行和更改数据目标=“#myid”好的，在数据目标中添加id=“myid”行和更改数据目标=“#myid”