Bootstrap 4 - Kollaps funktioniert nicht

Question

Ich habe Bootstrap4.0.0-beta.2 und Popper und jQuery installiert. Jetzt kann ich nicht herausfinden, warum meine Navbar nicht funktioniert. Ich meine, es schrumpft auf reaktionsfähige Größe, aber Button hat keine Funktion.

<nav class="navbar navbar-toggleable-md navbar-light bg-faded"> 
 
    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> 
 
    <span class="navbar-toggler-icon"></span> 
 
    </button> 
 
    <a class="navbar-brand" href="#">Navbar</a> 
 
    <div class="collapse navbar-collapse" id="navbarNav"> 
 
    <ul class="navbar-nav"> 
 
     <li class="nav-item active"> 
 
     <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> 
 
     </li> 
 
     <li class="nav-item"> 
 
     <a class="nav-link" href="#">Features</a> 
 
     </li> 
 
     <li class="nav-item"> 
 
     <a class="nav-link" href="#">Pricing</a> 
 
     </li> 
 
     <li class="nav-item"> 
 
     <a class="nav-link disabled" href="#">Disabled</a> 
 
     </li> 
 
    </ul> 
 
    </div> 
 
</nav>

Hier ist ein Bild von dem, was tut sie. Ich bin wirklich verwirrt und irgendwie fest. Selbst wenn ich auf den Knopf klicke, tut es nichts.

Answer 1

Es sieht aus wie Sie Ihre CSS-Datei enthalten vergessen zu. Sie sollten so etwas in Ihrem Code haben:

<link href="/dist/css/bootstrap.min.css" rel="stylesheet"> 

Sie haben auch keine „Funktionen“, weil Ihre href ist „#“

<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> 

Um Ihre Links funktionieren, so stellen ändern " # "zu etwas anderem wie diesem:

href="https://stackoverflow.com/"