嘿，我来帮你搞定这个导航栏字体颜色的问题！你遇到的情况主要是两个原因：一是navbar-inverse这个类在Bootstrap 4及以后的版本已经被弃用了，二是你的导航项没有遵循Bootstrap导航栏的标准结构，导致原生样式没生效。

正确的原生Bootstrap写法（无需自定义CSS） #

我们只需要调整两个地方，就能让导航项字体自动变成白色：

1. 把navbar-inverse替换为navbar-dark——这是Bootstrap官方推荐的、用于深色背景下设置浅色文本的类；
2. 给导航项加上标准结构：用navbar-nav容器包裹导航链接，并且给每个链接添加nav-link类（还要给当前活跃项加上active类）。

修正后的代码如下：

<nav class="navbar sticky-top navbar-dark bg-primary">
  <a class="navbar-brand" href="#">Brand</a>
  <div class="navbar-nav">
    <a class="nav-item nav-link active" href="#">Home <span class="sr-only">(current)</span></a>
    <a class="nav-item nav-link" href="#">Link</a>
    <a class="nav-item nav-link disabled" href="#">Disabled</a>
  </div>
</nav>

为什么这样有效？ #

• navbar-dark会自动为导航栏内的所有文本元素（包括navbar-brand和nav-link）设置白色字体，完美适配bg-primary这类深色背景；
• navbar-nav和nav-link是Bootstrap导航栏的核心结构类，确保样式能正确继承，完全不需要手动写navbar a { color:white; }这种覆盖代码。

要是你还在使用Bootstrap 3（虽然不推荐），那navbar-inverse是有效的，但同样需要把导航项放在<ul class="nav navbar-nav">里，链接用<li><a href="#"></a></li>的结构，原生样式才会生效哦。

内容的提问来源于stack exchange，提问作者Daniel Speich