引导CSS背景色不工作

Question

我正在使用V3。3.6的引导，我希望我的Ņavbar的背景颜色是深红色。除了标准引导CSS之外，我还有自己的CSS，如下所示：

    .navbar-inverse {
      background-color: #9E1B34;
    }

    .navbar-inverse .navbar-nav > li > a,
    .navbar-inverse .navbar-brand {
      color: white;
    }
    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:hover,
    .navbar-inverse .navbar-nav > .active > a:focus,
    .navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li > a:focus,
    .navbar-inverse .navbar-brand:hover,
    .navbar-inverse .navbar-brand:focus  {
      color: #9E1B34;
      background-color: white;
    }

该网站是http://www.alkd.org.au

当悬停在每个导航栏项目上时，我得到了红色文本和白色背景的正确样式。但是标准navbar的背景颜色是黑色，而不是深红色，即使我已经覆盖了. navbar-逆背景颜色。浏览器开发工具显示，我的css是'获胜'之一，但似乎被忽视。我在开发工具中找不到任何显示黑色来源的东西。我确实有一个javascript，它将活动类添加到活动页面，将文本颜色设置为红色（这是工作的），但背景颜色应该是白色。开发人员工具再次显示活动页面背景颜色为白色，但显示为黑色。黑色是从哪里来的？那么摆脱它的最好方法是什么呢？

Answer 1

最简单的解决方案：

.navbar-inverse {
    background: #9E1B34;
}

您的背景色被创建黑色渐变的背景图像属性覆盖。

现在，组合属性background允许您设置新的背景颜色，同时将background-Image设置为no。

Answer 2

黑色实际上来自上的渐变。导航条反向类。添加backgound imagenone将覆盖此选项。

.navbar-inverse {
    background-color: #9E1B34;
    background-image: none;
}

这也允许您删除！重要信息，使代码更易于维护。