css - Bootstrap 4，bg-inverse 不显示？

Question

尝试按照 Bootstraps 文档中的导航栏示例，我遇到了一个问题，即导航栏的背景颜色无法加载。

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

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

Answer 1

我认为您使用的是 Bootstrap beta 版本。使用 Alpha 版本。它会解决问题，他们没有为 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/