自定义引导导航栏颜色

Question

我正在关注 Ruby on Rails 教程并尝试自定义导航栏的颜色。我的标题部分是

<header class="navbar navbar-fixed-top navbar-inverse">
  <div class="navbar-inner">
    <div class="container", id="container">
      <%= link_to "Dog Park", root_path, id: "logo" %>
      <nav>
        <ul class="nav pull-right">
          <li><%= link_to "Home",    root_path %></li>
          <li><%= link_to "About", about_path %></li>
          <li><%= link_to "Sign in", '#' %></li>
        </ul>
      </nav>
    </div>
  </div>
</header>

我从 bootstrap 3 sass 源文件复制到我的 custom.css.scss

//navbar
$navbar-inverse-bg: #6dbcdb;
$navbar-inverse-border: #6dbcdb;

// Inverse navbar

.navbar-inverse {
background-color: $navbar-inverse-bg;
border-color: $navbar-inverse-border;
}

什么都没有改变，仍然是黑色的导航栏。任何帮助表示赞赏。谢谢

Answer 1

我相信导航栏的背景颜色实际上是在.navbar-inner 内的.container 上设置的。试试这个：

//navbar
$navbar-inverse-bg: #6dbcdb;
$navbar-inverse-border: #6dbcdb;

// Inverse navbar

.navbar-inverse .container {
background-color: $navbar-inverse-bg;
border-color: $navbar-inverse-border;
}