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

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/