更改Bootstrap背景导航栏的颜色

Question

我很好奇如何更改导航栏的颜色。 我正在使用引导商务休闲装。

这是我要更改其颜色的导航栏的图片。

在此处输入图片说明

Answer 1

您可以在第163行的文件business-casual.css中更改背景颜色。

.navbar-default {
    border: none;
    background: #fff; <-- white
    background: rgba(255, 129, 117, 0.9); <-- kind of red with 90% transparancy
}

您可能还想更改导航栏文本的颜色。 您可以在bootstrap.min.css的4861行中找到该文件。

.navbar-default .navbar-nav>li>a {
    color: #777; <-- grey
}