在导航栏固定菜单栏中更改背景颜色 Bootstrap答案

【问题标题】：Change background color in navbar fixed menu bar Bootstrap在导航栏固定菜单栏中更改背景颜色 Bootstrap
【发布时间】：2012-09-11 06:38:17
【问题描述】：

我想在 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">

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

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：

本，非常感谢！一个问题，说“类”真的是“navbar”和“navbar-inner”是否正确？换句话说，“navbar-inverse”和“navbar-fixed-top”不是类，而是在类上添加了限定条件？

【解决方案2】：

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

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

【讨论】：