改变引导导航文本的颜色
改变引导导航文本的颜色
提问于 2020-09-23 10:11:15
我试图改变我的引导链接内的文本颜色。我试图在这 post中使用相同的方法，但是这个解决方案不起作用。如何改变文本的颜色？谢谢。这是整个代码的代码依赖者。
标记：
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<img src="images/DISA.png" height="40">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link">EU34</a></li>
<li class="nav-item"><a class="nav-link">Support Tracker</a></li>
<li class="nav-item"><a class="nav-link">Rolling Log</a></li>
</ul>
<img src="images/DISALogoEUROPE.png" style="margin-left: auto; padding-right: 20px;" height="50">
</nav>CSS：
.navbar.navbar-nav.nav-item li a {
font-size: 1.5em;
font-weight: bold;
color: red;
}回答 3
Stack Overflow用户
回答已采纳
发布于 2020-09-23 10:17:13
若要更改颜色，请重写引导类。
.navbar-dark .navbar-nav .nav-link {
color: gold;
}并在悬停或聚焦时改变颜色。
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
color: red;
}Stack Overflow用户
发布于 2020-09-23 10:13:31
您可以在引导中使用类，如下所示：
<li class="nav-item"><a class="nav-link text-primary">EU34</a></li>Stack Overflow用户
发布于 2020-09-23 10:23:44
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64025642
复制相关文章
相似问题
腾讯云开发者
