更改導航欄引導程序的文本顏色

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和其他更多的東西覆蓋。

爲導航欄變量鏈接：http://getbootstrap.com/customize/#navbar

也可以生成自定義引導版本，因爲你需要，只是讀壽官方文檔在這裏：http://getbootstrap.com/customize/

Answer 2

非常基本的CSS會做到這一點。

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