私のブートストラップハンバーガーメニューはリンクを表示しません

Question

私はかなり長い間私のコードを見てきましたが、私がブートストラップのハンバーガーメニューをクリックするとリンクが表示されない理由を理解できません。データターゲットとクラス/ ID名が一致していることを確認しましたが、まだ表示されません。

<header class="navbar navbar-inverse navbar-fixed-top bs-docs-nav" role="banner"> 
    <div class="container"> 
    <div class="navbar-header"> 
     <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse"> 
     <span class="sr-only">Toggle navigation</span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </button> 
     <a class="navbar-brand" href="index.html"> 
     <img id="brand-image" alt="Web Logo" src="images/logo.png"> 
     </a> 
    </div> 
    <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation"> 
     <ul class="nav navbar-nav navbar-right"> 
     <li> 
      <a href="coal.html">COAL</a> 
     </li> 
     <li> 
      <a href="electric.html">ELECTRIC</a> 
     </li> 
     <li> 
      <a href="wind.html">WIND</a> 
     </li> 
     <li> 
      <a href="credits.html">CREDITS</a> 
     </li> 
     </ul> 
    </nav> 
    </div> 
</header> 

Answer 1

Bootstrap JavascriptファイルまたはjQueryファイルをインポートするのを忘れた可能性がありますか？それがなければ働くことはできません。

ちょうどあなたのbodyタグの終わりにこれを追加します。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> 
<script src="js/bootstrap.js"></script> 

希望これは、使用しているブートストラップのバージョンは何