twitter-bootstrap - 在导航栏固定菜单栏中更改背景颜色 Bootstrap

Question

我想在 Bootstrap 中更改我的导航栏固定菜单栏的颜色。在 application.css.scss 我有这个：

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

在 application.html.erb 我有这个：

<header class="navbar navbar-inverse navbar-fixed-top">
<nav class="navbar-inner">

有人可以解释为什么我仍然看到黑色作为菜单栏背景（我怀疑我没有完全匹配这些类）。

score 7 · Accepted Answer

默认情况下，导航栏使用 CSS 渐变。这使用该background-image属性。您还需要重置此值：

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

更新：添加了缺失的大括号。

score 2 · Accepted Answer

<style type="text/css">
    .navbar {
        background-color:#00FFCC;
        background-image: none;
    }
</style>

只需使用此代码，您的 css 中就会出现一些逻辑错误

2 回答 2