Bootstrap navbar css neden çalışmıyor?

Question

Bu bootstrap generator numaralı telefonu kullanmak için bu post numaralı ürünü kullanmak istedim. Üretilen kod hiçbir şeyi değiştirmiyor ve benim tahminim bir yerdeki etiketlerime bulaşıyor.

<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; 
} 

Neden değişmiyor

benziyor?

Düzenleme: Bunu eklemek istedim, bu yalnızca gezinme çubuğunun en üstündedir. Benzer açılan birkaç tane daha buton var.

Answer 1

Tamam. Yukarıdaki yorumları okuyarak, düğme rengini değiştirmek istersiniz.

btn-default sınıfını kullandınız, düğme renginin mavi olmasını istiyorsanız, sınıfını btn-primary olarak değiştirin.

Çeşitli düğme renkleri için bu link çıkışını gözden geçirin.