Изменить цвет текста navbar bootstrap

Question

Я хочу изменить цвет текста моего загрузочного навигатора. Как мне это сделать в css?

Чтобы быть более конкретным, я хочу, чтобы изменить цвет текста меток A, B, C, D.

Вот мой код:

<div class="navbar navbar-inverse navbar-fixed-top" role="navigation"> 
<div class="container-fluid"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"> 
      <span class="sr-only">Toggle navigation</span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button> 
     <a class="navbar-brand" href="#">A really cool title!</a> 
    </div> 
    <div class="navbar-collapse collapse"> 
     <ul class="nav navbar-nav navbar-right"> 
      <li><a href="a.html">A</a></li> 
      <li><a href="b.html">B</a></li> 
      <li><a href="c.html">C</a></li> 
      <li><a id="d.html">D</a></li> 
     </ul> 
    </div> 
</div> 

Answer 1

Если вы используете меньше файл, вы можете переопределить с переменной @navbar-default-color и многое другое дело другое.

Ссылка для NavBar переменных: http://getbootstrap.com/customize/#navbar

Вы также можете создать пользовательский загрузочный версии, как вам нужно, только что прочитал Тхо официальный документ здесь: http://getbootstrap.com/customize/

Answer 2

Очень простой CSS сделают это.

.navbar-nav > li > a { 
    color: red; 
}