2017-02-04 3 views
-4

Ich habe gerade angefangen, Bootstrap zu lernen, aber ich weiß nicht, wo ich falsch mit dem Code hier bin. Dies ist der Navigationsbarcode taken from here Ich habe bootstrap-4.0.0-alpha.6-dist.zip Version verwendet .Meine Navigation funktioniert nicht mit Bootstrap-4.0.0

<!doctype html> 
<html> 
    <head> 
     <title>first boot</title> 
     <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> 
     <script src="js/jquery.js"></script>   
     <script src="js/bootstrap.js"></script>  
    </head> 
    <body> 
    <div class="container"> 
     <ul class="nav nav-pills" role="tablist"> 
      <li role="presentation" class="active"><a href="#">Home <span 

class="badge">42</span></a></li> 
      <li role="presentation"><a href="#">Profile</a></li> 
      <li role="presentation"><a href="#">Messages <span 

class="badge">3</span></a></li> 
     </ul> 
    </div> 
</body> 
</html> 

My result is here

+0

Um Ihnen zu helfen, müssen wir wissen, was Sie erreichen möchten. – bejado

+0

Welchen Fehler bekommst du, was ist das gewünschte und das erhaltene Ergebnis –

+0

Ich habe deinen Code in eine Fiddle kopiert und es funktioniert: https://jsfiddle.net/w5oyhm5h/. Sie scheinen widersprüchliche Stile auf Ihrer Website zu haben. – bejado

Antwort

1

Sie verwenden Bootstrap Alpha 4.0.0 mit Klassennamen aus einer früheren Version von Bootstrap. Die aktuell empfohlene Version scheint 3.3.7 zu sein. Wenn Sie wirklich Bootstrap 4.0.0 verwenden möchten, lesen Sie die alpha documentation; es hat etwas andere Klassennamen.

+0

Warum ist es so, ich benutze Code-Snippet von ihrer Hauptwebsite – Kobey24

+0

Ihre Hauptwebsite geht davon aus, dass Sie Version 3 verwenden. – bejado

+0

Warum bekomme ich Stimmen? @bejado – Kobey24

Verwandte Themen