更改 Bootstrap 背景导航栏的颜色

Question

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

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

Answer 1

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

.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
}