Twitter bootstrap 如何更改文本的导航栏字体和颜色？

我尝试了一切（Bootstrap4），但无法：

.nav.navbar-nav.navbar-right  li a {
    color: green;
}

这是行不通的

导航条列表如下所示：

 <div class="collapse navbar-collapse navbarSupportedContent">
              <ul class="navbar-nav ml-auto">
                   <li class="nav-item">
                       <a class="nav-link" href="#home"><i class="fa fa-home fa-fw" aria-hidden="true"></i>&nbsp;Home</a>
                   </li>
                   <li class="nav-item">
                       <a class="nav-link" href="#home"><i class="fa fa-home fa-fw" aria-hidden="true"></i>&nbsp;Create</a>
                   </li>
               </ul>
           </div>

---

也无法更改字体。

我猜您将上述代码保存在标记中。您可以使用给定的css

nav.navbar-nav>li.nav-item>a {
color: green;
font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
}

---

我想你把上面的代码放在标签里了。您可以使用给定的css

nav.navbar-nav>li.nav-item>a {
color: green;
font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
}

---

您应该像这样更改代码，我已经制作了一个工作示例，请查看

Html:

<nav class="navbar navbar-expand-lg">
  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav ml-auto">
    <li class="nav-item">
       <a class="nav-link" href="#home"><i class="fa fa-home fa-fw" aria-hidden="true"></i>&nbsp;Home</a>
    </li>
    <li class="nav-item">
       <a class="nav-link" href="#home"><i class="fa fa-home fa-fw" aria-hidden="true"></i>&nbsp;Create</a>
     </li>
    </ul>
  </div>
</nav>

.navbar-nav li a {
    color: green;
}

---

您应该像这样更改代码，我已经制作了一个工作示例，请查看

Html:

<nav class="navbar navbar-expand-lg">
  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav ml-auto">
    <li class="nav-item">
       <a class="nav-link" href="#home"><i class="fa fa-home fa-fw" aria-hidden="true"></i>&nbsp;Home</a>
    </li>
    <li class="nav-item">
       <a class="nav-link" href="#home"><i class="fa fa-home fa-fw" aria-hidden="true"></i>&nbsp;Create</a>
     </li>
    </ul>
  </div>
</nav>

.navbar-nav li a {
    color: green;
}

---

谢谢，不起作用。谢谢，不起作用。我为什么要将代码更改为此？因为它有效吗？但是我想知道我的错在哪里。@Curnelious，在你的代码中有很多东西丢失了，Navbar需要这样的

，你在css中添加了以下

.nav

和

.Navbar right

，但是在html中没有这样的类。为什么我要把我的代码改成这样呢？因为它有效吗？但是我想知道我的错在哪里。@Curnelious，在你的代码中有很多东西丢失了，Navbar需要这样的

，你在css中添加了以下

.nav

和

.Navbar right

，但是在html中没有这样的类。。