Html 什么'；s普通导航栏链接与类为“的导航栏链接之间的差异”；导航栏链接；？

我正在学习微软在edx上的引导程序入门课程（DEV203x）。我在那里发现了这条信息：

要添加不被视为navbar一部分的普通链接，请将navbar链接类添加到a元素。锚定必须包含在navbar文本容器中

正常链接应该是这样添加的：

<ul><li>
  <a href="URL here">
    A normal link!
  </a>
</li></ul>

这些链接在页面上的显示方式似乎没有太大区别。只有

导航栏文本

的样式应用于

导航栏链接

，因为它包含在该标记中

---

我在这里遗漏了什么吗？

第一个示例是使用引导结构进行css/样式设置，而第二个示例是裸体html。在这种情况下，Bootstrap可能不会应用任何东西，因为您自己的css/样式表覆盖了它们，没有更多的信息，很难判断

---

您还需要确认您已经正确地设置了引导，因为根据引导的外观，这些应该是不同的。有关导航栏链接的示例，请参见此处

为了安全起见，普通链接添加了

，而不仅仅是

ul

（我很确定您已经知道了）

适用于使用不在常规导航栏中的标准链接的用户 导航组件，使用.navbar链接类添加适当的 默认和反向导航栏选项的颜色

这些差异可能很微妙，但了解它们很重要，因为它们可能非常有用不在常规导航中的链接就是其中的一部分，因为您可以使用这些类向导航栏添加不符合标准

ul

+

li

结构的文本或链接

在您提供的示例中，存在差异（即使非常小）。可能不需要这样做（参见示例3）：

---

非常感谢。这是一个很好的解释。您能否解释一下在哪种情况下

导航条链接更有用，即通常在哪里使用？导航条链接仅在标准ul+li配置之外有用，因为引导导航条是相关的。它将应用与您在ul+li内的链接中看到的相同颜色，而不是浏览器中任何未设置样式的链接上看到的默认蓝色。
<ul><li>
  <a href="URL here">
    A normal link!
  </a>
</li></ul>

<div class="navbar-text">
  <a class="navbar-link" href="URL here">
    Follow us!
  </a>
</div>