Bootstrap 4 无法更改导航栏菜单中的字体颜色[重复]

Question

尝试了一切，但由于某种原因，我无法更改导航栏菜单中的字体颜色。无论我做什么它都保持黑色。

            <nav class="navbar navbar-expand-lg navbar-light bg-light">
            <a href="index.html"><img src="images/finfab-logo.jpg" alt="Company logo"></a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
              <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarSupportedContent">
              <ul class="navbar-nav ml-auto">
                <li class="nav-item active">
                  <a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item active">
                  <a class="nav-link" href="about.html">About<span class="sr-only">(current)</span></a>
                </li>
                </ul>

            </div>
          </nav>

这就是现在的风格，但也尝试了一些其他选择。在这个阶段我没有想法。

.jumbotron{
  background-color: #003300;
}

.nav-item{
  font-size: 25px;
  color:#003300;
}

Answer 1

您是否尝试过在更改字体的 css 样式上添加 !important 命令？在这种情况下，您需要它来覆盖引导程序的样式。 所以它会是：

color: #003300 !important;