Html 更改引导导航栏的默认背景色

这可能会被问到，并发现了很多关于bootsrap navbar的帖子，但我的问题仍然没有得到解决。 下面是带bootsrap的html代码，我正在尝试将导航栏的背景颜色从默认的灰色更改为橙色或其他颜色，但它不起作用，除非我使用！重要的，我不想用！重要的

<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <a class="navbar-brand" href="#">Navbar</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
    <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="#">Features</a>
      <a class="nav-item nav-link" href="#">Pricing</a>
      <a class="nav-item nav-link disabled" href="#">Disabled</a>
    </div>
  </div>
</nav>

只需将bg light更改为自定义名称，例如bg orange或任何您想使用的名称，如下所示：

HTML:

下面是一个包含上述代码的JSFIDLE：

注意：如果您的自定义背景颜色为深色，您还可以将navbar light类更改为navbar dark，以便字体颜色将更改为适应深色配色方案，如本jsFiddle所示：

只需将bg light更改为自定义名称，如bg orange或任何您想要使用的名称，如下所示：

HTML:

下面是一个包含上述代码的JSFIDLE：

---

注意：如果您的自定义背景颜色为深色，您还可以将navbar light类更改为navbar dark，以便字体颜色将更改以适应深色配色方案，如本jsFiddle所示：

update；代码无法在此处添加空间不知道如何将代码放在此处嘿，请查看如何添加代码的帮助。如果您在编辑文章时查看文章的正文，您将看到一张带括号的纸，其中有7个图标，您也可以在那里发布代码：使现代化代码无法在此处添加空间不知道如何将代码放在此处嘿，请查看如何添加代码的帮助。如果您在编辑文章时查看文章的正文，您将看到一张带括号的纸，其中有7个图标，您也可以在那里发布代码：你才是真正的MVP，这是成功的。Reddit中的提问没有得到一些人所说的正确答案！重要的布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉！重要提示：bg橙色{背景色：红色；}谢谢男士：谢谢您的反馈！声誉低于15的人所投的票将被记录，但不会改变公开显示的帖子分数。我投了赞成票，但我的声誉仍然不好男人：肯定会问问题，但一旦5天过去了，那就糟了哈哈哈，无论如何谢谢男人你才是真正的MVP男人。Reddit中的提问没有得到一些人所说的正确答案！重要的布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉！重要提示：bg橙色{背景色：红色；}谢谢男士：谢谢您的反馈！声誉低于15的人所投的票将被记录，但不会改变公开显示的帖子分数。我投了赞成票，但我的声誉仍然不好男人：肯定会问问题，但一旦5天过去了，那就糟了哈哈哈，无论如何谢谢男人

<nav class="navbar navbar-expand-lg navbar-light bg-orange">
    ....
</nav>

.bg-orange {
  background-color: orange;
}