ブートストラップのnavbar cssが機能しないのはなぜですか？

Question

は、私は何も変わりません。このpost 生成されたコードで推奨されていました。このbootstrap generatorを使用していた、と私の推測では、私がどこかで私のラベルの上に台無しです。

<div style="background-color: #18305c"> 
    <div class="container text-center"> 
    <nav class="navbar navbar-default" role="navigation"> 
     <div class="btn-group" role="group" aria-label="..."> 
     <button type="button" class="btn btn-default"> 
      Home 
     </button> 
     <div class="btn-group" role="group"> 
      <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 
      Browse <span class="caret"></span> 
     </button> 
      <ul class="dropdown-menu"> 
      <li><a href="#">Latest Offers</a></li> 
      <li><a href="#">Newest Listings</a></li> 
      <li><a href='#'>Clearance</a></li> 
      <li><a href='#'>Search</a></li> 
      <li><a href='#'>Blog</a></li> 
      </ul> 
     </div> 

CSSは

.navbar-default { 
background-color: #18305c; 
border-color: #d49418; 
} 
.navbar-default .navbar-brand { 
color: #ffffff; 
} 
.navbar-default .navbar-brand:hover, 
.navbar-default .navbar-brand:focus { 
color: #ffffff; 
} 
.navbar-default .navbar-text { 
    color: #ffffff; 
} 

なぜそれが変更されていないように見えますか？

編集：これを追加したいがナビゲーションバーの上部のみです。同様のドロップダウンを持つボタンがもう少しあります。

Answer 1

大丈夫です。上記のコメントを読んで、ボタンの色を変更したいとします。

クラスbtn-defaultを使用しました。ボタンの色を青色にする場合は、クラスをbtn-primaryに変更してください。

アウトさまざまなボタンの色のため、このlink。