Bootstrap 4，bg-inverse 没有显示？答案

【问题标题】：Bootstrap 4, bg-inverse not showing?Bootstrap 4，bg-inverse 没有显示？
【发布时间】：2020-06-29 21:10:21
【问题描述】：

尝试遵循 Bootstraps 文档中的导航栏示例，我遇到了导航栏的背景颜色未加载的问题。

<nav class="navbar navbar-inverse bg-inverse">
    <a class="navbar-brand" href="#">Navbar</a>
</nav>

我查看了 bootstrap.css 并且 bg-inverse 没有出现在那里。我应该自己创建颜色，还是我做错了什么？（我在一个 Angular 项目中工作）

【问题讨论】：

你能添加一个附带js文件的例子吗，使用jsfiddle。
你的意思是 Bootstrap.js 吗？因为这是有角度的，我只有 .ts 文件
你用什么来引导bootstrap@4.0.0-beta或bootstrap -v 4.0.0.alpha6
我使用 bootstrap@4.0.0-beta

标签： css bootstrap-4

【解决方案1】：

我认为您使用的是Bootstrap beta 版本。使用Alpha version。它将解决问题，他们不为navbar-inverse bg-inverse提供bootstrap 4 beta

bootstrap -v 4.0.0.alpha6

<nav class="navbar navbar-inverse bg-inverse">
  <!-- Navbar content -->
</nav>

<nav class="navbar navbar-inverse bg-primary">
  <!-- Navbar content -->
</nav>

<nav class="navbar navbar-light" style="background-color: #e3f2fd;">
  <!-- Navbar content -->
</nav>

看看这个https://getbootstrap.com/docs/4.0/components/navbar/

bootstrap@4.0.0-beta

<nav class="navbar navbar-dark bg-dark">
  <!-- Navbar content -->
</nav>

<nav class="navbar navbar-dark bg-primary">
  <!-- Navbar content -->
</nav>

<nav class="navbar navbar-light" style="background-color: #e3f2fd;">
  <!-- Navbar content -->
</nav>

看看这个https://getbootstrap.com/docs/4.0/components/navbar/

【讨论】：

【解决方案2】：

Bootstrap 4 没有 css 类 navbar-inverse bg-inverse。您需要使用navbar-light bg-light 或navbar-dark bg-dark 与nav 组件的组合。例如：

<nav class="navbar navbar-dark bg-dark"> <a class="navbar-brand" href="#">Navbar</a> </nav>

【讨论】：

【解决方案3】：

Bootstrap 已放弃对 bg-inverse 的支持。

【讨论】：