2016-04-29 7 views
2

Die Bootstrap Navbar Kollaps-Taste funktioniert nur auf meinem PC und nicht auf meinem Laptop oder Telefon. Mein PC läuft Windows 7, mein Laptop läuft Windows 10, und ich habe ein Android-Handy. Sie sind alle soweit ich weiß aktualisiert und sie alle verwenden Chrom. Ich habe die ganze Programmierung auf Codepen gemacht.Bootstrap navbar collpase-Taste funktioniert auf PC, aber nicht Laptop oder Telefon

Link zu codepen: https://codepen.io/mounti/pen/grBQBj

<head> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
</head> 

<body> 

    <nav class="navbar navbar-inverse navbar-fixed-top"> 
    <div class="container-fluid"> 
     <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbarbutton"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button> 
     <a class="navbar-brand" href="#">Navbar Practice</a> 
     </div> 
     <div class="collapse navbar-collapse" id="navbarbutton"> 
     <ul class="nav navbar-nav"> 
      <li><a href="#">First</a></li> 
      <li><a href="#">Second</a></li> 
      <li><a href="#">Third</a></li> 
     </ul> 
     </div> 
    </div> 
    </nav> 

</body> 

Antwort

0

Sie verwenden eine schlechte Verbindung in CDN der Bootstrap js:

<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 

Verwendung dieser Link:

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
+0

Güte. Ich danke dir sehr! – Ian

Verwandte Themen