html - Bootstrap Navbar-brand换色调试

Question

我的样式表/custom.css.scss 中有以下内容

@import "bootstrap";

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

我的 layouts/_header.html.erb 中的以下内容正在我的 layouts/application.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;
}