导航项目看起来像一个链接

Question

下面是代码：我从getbootstrap.com复制了引导程序CND。我做错了什么吗？

<div class="navbar-header">
<a href="#" class="navbar-brand">Company Name</a>
</div>
<ul class="nav">
<li class="nav-item">
<a href="#" class="nav-link nav-dark">Item 1</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link nav-dark">Item 2</a>
</li>
</ul>
</nav>

我陷入这种困境已经有一段时间了。仔细查看了Youtube中的mdn文档和一些教程视频，但没有运气。

Answer 1

将text-decoration-none添加到所有链接的类中。

它看起来像：

<a href="#" class="navbar-brand">Company Name</a>
</div>
<ul class="nav">
<li class="nav-item">
<a href="#" class="nav-link text-decoration-none nav-dark">Item 1</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link text-decoration-none nav-dark">Item 2</a>
</li>
</ul>
</nav>

如果您想通过Bootstrap类更改链接的颜色，请参阅此处，或者在您的自定义CSS文件中自定义它们。