Bootstrap 3 RC1-更改导航条颜色

Question

我想将Bootstrap 3导航栏的颜色从默认的灰色更改为#5e00ff。Bootstrap的自定义部分还不可用-如何手动完成？

Answer 1

在CSS中添加以下内容：

.navbar
{
    background-color: #5e00ff;
}

希望能有所帮助。

Answer 2

在CSS文件中只需添加

.navbar {
    background-color: #5e00ff !important;
}

这将覆盖引导CSS文件。我不熟悉导航栏的CSS在引导文件中的位置，但一个更简单的方法是定位该文件并更改分配给它的背景颜色。

Answer 3

另一个答案是，如果您正在从源代码构建引导程序，并且希望在不修改任何其他css的情况下完成，请导航到less文件夹并打开variables.less文件。

在227行中，更改此项：

@navbar-bg: #eee;

对此：

@navbar-bg: #5e00ff;

然后构建。：）