2017-02-04 8 views
-4

ブートストラップの学習が始まったばかりですが、ここでコードがどこに間違っているのか分かりません。これはナビゲーションバーコードtaken from here bootstrap-4.0.0-alpha.6-dist.zipバージョン。ブートストラップ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

あなたのお手伝いをするには、達成しようとしていることを知る必要があります。 https://jsfiddle.net/w5oyhm5h/: – bejado

+0

あなたが希望し、得られた結果 –

+0

れているもの私はフィドルにあなたのコードをコピーしたし、それが動作しますが、どのようなエラーを取得しています。あなたのサイトには矛盾したスタイルがあるようです。 – bejado

答えて

1

あなたは、ブートストラップの以前のバージョンからのクラス名とブートストラップアルファ4.0.0を使用しています。現在推奨されているバージョンは3.3.7と思われます。 Bootstrap 4.0.0を本当に使いたい場合は、alpha documentationを読んでください。それは少し異なるクラス名を持っています。

+0

がなぜそのように私は彼らの主なウェブサイト – Kobey24

+0

彼らの主なウェブサイトからのコードスニペットを使用していているので、多くのdownvotesを取得しています、私は票を下に取得していますなぜあなたはバージョン3 – bejado

+0

を使用していると仮定し? @bejado – Kobey24

関連する問題