bootstrap navbar-toggle wird nicht geöffnet, wenn geklickt wird

Question

Ich habe lange versucht, herauszufinden, wie man den Bootstrap-navbar-toggle auf meinen Webseiten funktioniert. Ich habe alles versucht, was ich weiß und ich kann es einfach nicht funktionieren lassen. Nichts passiert, wenn ich auf den 'Hamburger' klicke.

Kann jemand bitte auf mich hinweisen, was hier falsch ist? Ich habe den folgenden Code für meine Nav-Sektion angehängt.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 
 
<nav class="navbar navbar-inverse navbar-fixed-top"> 
 
    <div class="container-fluid"> 
 
     <div class="navbar-header"> 
 
      <a class="navbar-brand" href="index.html"> 
 
      Brand Logo 
 
      </a> 
 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#example-navbar-collapse" aria-expanded="false"> 
 
       <span class="sr-only">Toggle navigation</span> 
 
       <span class="icon-bar"></span> 
 
       <span class="icon-bar"></span> 
 
       <span class="icon-bar"></span> 
 
      </button> 
 
     </div> 
 
     <div class="collapse navbar-collapse" id="example-navbar-collapse"> 
 
      <ul class="nav navbar-nav navbar-right"> 
 
       <li><a href="">Item 1</a></li> 
 
       <li><a href="">Item 2</a></li> 
 
       <li><a href="">Item 3</a></li> 
 
       <li><a href="">Item 4</a></li> 
 
      </ul> 
 
     </div> 
 
    </div> 
 
</nav>

Answer 1

In Ihrem ursprünglichen Code, haben Sie verknüpft JQuery und/oder die Bootstrap JS? Sie benötigen diese verknüpft, damit die Schaltfläche funktioniert.