Question

我有：

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
...
</nav>

我想改变上面导航栏类的颜色。我尝试使用此代码未成功地改变颜色：

.navbar {
  .navbar-inner {
    background-color: #2c2c2c;
    background-image: none;
  }
}

/* navbar */
.navbar-fixed-top {
    background-color: #990099;
    border-color: #E7E7E7;
}

注意：我使用TWBSColor尝试了相关问题的解决方案，但除非我将navbar-fixed-top更改为导航栏，否则它不起作用，我不想这样做。

Answer 1

要覆盖Bootstrap css，您必须将自定义CSS放在引导程序的链接下面。

您需要使用自己的自定义CSS更改或替换Navbar-inverse类。

只需更改navbar-inverse即可。

Answer 2

正如AngularJR所说，你必须在bootstrap css包含之后添加你的css，或者添加！important到你想要改变的css规则

Bootstrap - 更改导航栏固定顶部的颜色？

2 个答案: