更改导航栏引导程序的文本颜色

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