更改导航栏固定菜单栏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">

有人可以解释为什么我仍然看到黑色作为菜单栏背景(我怀疑我不是很好地匹配类).

Answer 1

默认情况下,导航栏使用css渐变.这使用了该background-image属性.您还需要重置此值:

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

更新:添加缺失的大括号.