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>

现在看起来风格如何，但也尝试了其他几种选择。在这个阶段，我没有想法。

＆＃13;

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

＆＃13;

Answer 1

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

(*fooObj)

由于我无法评论3个缺失点，我将其添加为答案，尽管它应该是一个评论，因为我想帮助你，我认为我的回答在你的情况下是正确的。对于读这篇文章的每位主持人都很抱歉。

Bootstrap 4无法在导航栏菜单中更改字体颜色

1 个答案: