Bootstrap Navbar品牌颜色变化调试

Question

我在stylesheets/custom.css.scss中有以下内容

@import "bootstrap";

.navbar-inverse .navbar-brand {
        color: #f0ad4e;
    }

以及我的布局/ application.html.erb中使用的布局/ _header.html.erb中的以下内容

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <a class="navbar-brand">....... etc..

为什么我的导航栏品牌不会改变颜色!这让我疯狂!

在我的检查员中,我看到以下内容:

.navbar-inverse .navbar-brand {
color: #999999;
}

所以它没有生效,任何想法？

Answer 1

我解决了这个问题.这显然是诀窍:

.navbar-inverse .navbar-header .navbar-brand {
    color: #f0ad4e;
}