Почему мой bootstrap navbar css не работает?

Question

Я хотел использовать этот bootstrap generator, который был рекомендован в этом документе post Сгенерированный код ничего не меняет, и, по моему мнению, я испортил свою маркировку.

<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 для различных цветов кнопок.