Bootstrap Navbar-Taste schaltet nicht um

Question

Ich weiß nicht, warum die Navbar nicht angezeigt wird, wenn ich auf die Schaltfläche klicke. Ich suchte nach einer Fehlfunktion in meinem Code, aber ich konnte es nicht finden. Ich habe Codes aus Youtube Tutorials und mit anderen Quellen aus dem Internet verglichen und alle sind die gleichen wie meine. Ich füge meinen HTML-Code an. Ich füge meinen Code in den Link unten ein. Vielen Dank für die Hilfe :)

http://pastie.org/10919972

Answer 1

Ziel ist miss-Dinkel: data-taget="#example"data-target="#example" sollte

Beispiel:

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" /> 
 
<nav class="navbar navbar-default"> 
 
    <div class="container"> 
 

 
    <div class="navbar-header"> 
 
     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#example" 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> 
 
     <h3> <a href="#">BrandName</a></h3> 
 
    </div> 
 

 
    <div class="collapse navbar-collapse" id="example"> 
 
     <ul class="nav navbar-nav navbar-right"> 
 
     <li><a class="active" href="#">Home</a> 
 
     </li> 
 
     <li><a href="#">Services</a> 
 
     </li> 
 
     <li><a href="#">About Us</a> 
 
     </li> 
 
     <li><a href="#">Blog</a> 
 
     </li> 
 
     <li><a href="#">Contact us</a> 
 
     </li> 
 
     </ul> 
 
    </div> 
 

 
    </div> 
 
</nav> 
 
<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.6/js/bootstrap.min.js"></script>