Bootstrap 3 RC1 - 更改导航栏颜色

Question

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

Answer 1

在你的CSS中，添加：

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

希望有所帮助。

Answer 2

在CSS文件中添加

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

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

Answer 3

作为一个额外的答案，如果您要从源构建引导程序并希望在没有任何其他CSS修改的情况下完成它，请导航到less文件夹并打开variables.less文件。

在第227行中，更改：

@navbar-bg: #eee;

对此：

@navbar-bg: #5e00ff;

然后建立。 ：）