Twitter bootstrap 更改导航栏固定菜单栏引导中的背景色

Twitter bootstrap 更改导航栏固定菜单栏引导中的背景色,twitter-bootstrap,Twitter Bootstrap,我想在引导中更改导航栏固定菜单栏的颜色。 在application.css.scss中,我有: .navbar .navbar-inner { background-color: #2c2c2c; } } <header class="navbar navbar-inverse navbar-fixed-top"> <nav class="navbar-inner"> 在application.html.erb中,我有以下内容: .navbar .

我想在引导中更改导航栏固定菜单栏的颜色。 在application.css.scss中,我有:

.navbar
  .navbar-inner {
    background-color: #2c2c2c;
  }
}
<header class="navbar navbar-inverse navbar-fixed-top">
<nav class="navbar-inner">
在application.html.erb中,我有以下内容:

.navbar
  .navbar-inner {
    background-color: #2c2c2c;
  }
}
<header class="navbar navbar-inverse navbar-fixed-top">
<nav class="navbar-inner">


有人能解释一下为什么我仍然将黑色视为菜单栏背景(我怀疑我没有完全正确地匹配这些类)。

默认情况下,导航栏使用css渐变。这将使用
背景图像
属性。您还需要重置此值:

.navbar {
  .navbar-inner {
    background-color: #2c2c2c;
    background-image: none;
  }
}
更新:添加缺少的大括号。


<style type="text/css">
    .navbar {
        background-color:#00FFCC;
        background-image: none;
    }
</style>
navbar先生{ 背景色:#00FFCC; 背景图像:无; }

只要使用这段代码,您的css中就会出现一些逻辑错误,Ben,非常感谢!有一个问题,说“类”真的是“navbar”和“navbar内部”对吗?换言之,“导航条反向”和“导航条固定顶部”不是课程,但是否将资格添加到课程中?可能的重复