Bootstrap摺疊菜單不折疊？

Question

好吧，我的網站很嚇人！我只是讓我的菜單響應....和我的網站上的懸停效果不會讓鏈接響應，所以我想使這個崩潰菜單，但由於某種原因，它不工作。我可以正常顯示，但是一旦我在移動設備上查看它時，它會顯示帶有酒吧的按鈕，但它不會切換我的菜單，你能幫我弄清楚有什麼問題嗎？

<nav class="navbar navbar-default navbar-fixed-top"> 
      <div class="container-fluid"> 

        <div class="col-sm-2 col-md-2"></div> 

         <div class="col-sm-8 col-md-8" style=" border-radius:5px; border-bottom-color:Silver; border:3px; border-top-color: transparent !important; background-color:rgba(0,0,0,.8)"> 
        <div class="navbar-header"> 
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#homenav"> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span>       
    </button> 
    </div> 

<div class="collapse navbar-collapse" id="homenav"> 
<ul class="nav navbar-nav"> 
<li><a href="pages/home.html" class="menu_nav demo-4"> 
    <span> 
    <span>Home</span> 
    <span>-Home-</span> 
    <span></span> 
    </span> 
</a></li> 

     <li> <a href="pages/artist.html" class="menu_nav demo-4"> 
    <span> 
    <span>Roster</span> 
    <span>-Roster-</span> 
    <span></span> 
    </span> 
</a></li> 
<li> 
<a href="pages/order.html" class="menu_nav demo-4"> 
    <span> 
    <span>Brands</span> 
    <span>-Brands-</span> 
    <span></span> 
    </span> 
</a>  
     </li> <li> 
     <a href="pages/music.html" class="menu_nav demo-4"> 
    <span> 
    <span>Music</span> 
    <span>-Music-</span> 
    <span></span> 
    </span> 
</a>  
     </li>  
     <li> 
     <a href="pages/videos.php" class="menu_nav demo-4"> 
    <span> 
    <span>Videos</span> 
    <span>-Videos-</span> 
    <span></span> 
    </span> 
</a> </li> 
<li> 
<a href="pages/videos.php" class="menu_nav demo-4"> 
    <span> 
    <span>Store</span> 
    <span>-Store-</span> 
    <span></span> 
    </span> 
</a>  
</li> 
<li>   
      <a href="pages/services.html" class="menu_nav demo-4"> 
    <span> 
    <span>Services</span> 
    <span>-Services-</span> 
    <span></span> 
    </span> 
</a> 
     </li> 
     <li> 
     <a href="#" class="menu_nav demo-4"> 
    <span> 
    <span>Resources</span> 
    <span>-Resources-</span> 
    <span></span> 
    </span> 
</a>  </li> 

</ul> 
     </div> 
        <div class="col-sm-2 col-md-2"></div> 




      </div>  
    </nav> 
    <!--End Of Navigation--> 

Answer 1

我想你是缺少javascript文件。把它包括到你的項目中，它應該可以工作。

<script src="https://code.jquery.com/jquery-1.12.0.js"></script> 
<!-- Latest compiled and minified JavaScript --> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>