warum funktioniert die nav bar collaspe nicht?

Question

Ich bin verwirrt, welchen Code ich sollte und was nicht sollte. also lege ich die Seite einfach in die Dropbox und poste den Link hier.

http://shaylakarzon.kissr.com/nav/index.html

Bitte überprüfen Sie die navbar. Es reagiert, funktioniert aber nicht, wenn das Fenster klein ist.

Ich habe etwas durcheinander. Mein Navbar funktioniert gut, wenn es Single ist. aber es schafft ein Problem, wenn ich versuche, es mit meinem Schieberegler einzustellen. Im kleinen Geräte-Layout zeigt es die Menüs an, wenn ich auf die sr-only-Tasten klicke, aber die Menüs gehen nicht zurück, wenn ich die sr-only-Taste erneut klicke.

Code

 <nav class="navbar navbar-default"> 
     <div class="container-fluid"> 
      <div class="navbar-header"> 
       <button class="navbar-toggle collapsed" data-toggle="collapse" data-target="#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> 
      </div> 
     </div> <!-- container-fluid --> 
     <div class="collapse navbar-collapse" id="navbar-collapse"> 
      <ul class="nav navbar-nav" id="navbar-scroll"> 
       <li class="active"><a href="">Home</a></li> 
       <li><a href="">Blog</a></li> 
       <li><a href="">About Us</a></li> 
       <li><a href="">Contact Us</a></li> 
      </ul> 
      <div class="navbar-right login_poopup"> 
       <p id="login_poopup"><a>Login<span class="caret"></span> </a></p>  
      </div> 
     </div> 

    </nav> 

Answer 1

verknüpft allgemeine jquery Datei Link vor Bootstrap-CSS-Datei Link so ähnlich verlinkt sind.

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> 

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.js"></script> 

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">