更改Bootstrap背景导航栏的颜色

Question

我很好奇如何更改导航栏的颜色。我正在使用bootstrap business casual。

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

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
}

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

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