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

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

非常基本的CSS可以做到这一点。

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

Answer 2

如果使用的文件较少，则可以使用变量@navbar-default-color覆盖，还有更多其他功能。

导航栏变量的链接 ： http : //getbootstrap.com/customize/#navbar

您还可以根据需要生成自定义的引导程序版本，只需在此处阅读官方文档即可： http : //getbootstrap.com/customize/