Mein Bootstrap Hamburger Menü zeigt keine Links an

Question

so habe ich mir meinen Code schon eine ganze Weile angesehen und ich kann nicht herausfinden, warum mein Bootstrap-Hamburger-Menü die Links nicht anzeigt, wenn man darauf klickt . Ich habe das Datenziel und den Klassen-/ID-Namen überprüft, um sicherzustellen, dass sie übereinstimmen, aber es wird immer noch nicht angezeigt.

<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

Sie vielleicht vergessen, die Bootstrap Javascript-Datei oder die jQuery-Datei zu importieren? Ohne sie kann es nicht funktionieren.

Fügen Sie einfach diese am Ende des Körpers tag:

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

hoffe, das hilft