Bootstrap更改Navbar链接颜色

我知道这个话题已经被打死了，但我读到的内容并没有奏效。 我只是想将我的bootstrap导航栏中的链接更改为白色。 我知道我有CSS，因为我可以改变字体大小，但不能改变颜色。

nav .navbar-nav li{ color: white !important; font-size: 25px; } 
   Bartlett Containers LLC     
 
 
  
 
  
 
  
 
 
  

Answer 1

设置li内部元素的color 。

 nav .navbar-nav li a{ color: white !important; } 

Answer 2

!important标志仅用于快速测试。 将其用作永久性解决方案往往会在以后引起问题，因此应该避免。

覆盖css的最佳做法是确保自定义css规则的特异性符合或超过相应Bootstrap规则的特异性。 当然，必须在Bootstrap css之后加载自定义css。

因此，在这种特殊情况下，您可以使用如下所示的规则：

 .navbar-light .navbar-nav .nav-link { color: red; } 

有关CSS特异性的更多信息：

https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

并且： CSS特异性计算器