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/

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

2 个答案: