html - 如何更改事件导航栏的背景颜色？

Question

我使用了 Bootstrap ，我想将事件页面背景更改为绿色，但它不起作用。

.navbar-inverse {
  color: #fff;
  background-color: #4CAF50;
}

<nav class="navbar navbar-inverse">
  <div class="container-fluid">
    <div class="navbar-header">
      <div class="logo">
        <img src="images/logo.png">
      </div>
    </div>
    <ul class="nav navbar-nav">
      <li class="active"><a href="index.html">Home</a></li>
      <li><a href="about.html">About</a></li>
      <li><a href="contact.html">Contact</a></li>
    </ul>
    <ul class="nav navbar-nav navbar-right">
      <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Logout</a></li>
    </ul>
  </div>
</nav>

当我在“Inspect Element”中更改背景颜色时，它就像一个魅力。我不知道该尝试什么了。

谢谢!

Answer 1

我在我的电脑上测试了你的代码，它运行良好。

为什么它不适合你，我猜是因为你在 HTML 中链接你的 CSS before Bootstrap。为了覆盖 Bootstrap 的 CSS，您需要在 Bootstrap 之后链接您的自定义 CSS。

例如:

<link href="bootstrap.css" ...>
<!-- put your custom css after bootstrap -->
<link href="my-custom-style.css" ...>