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 version.它将解决问题,它们不提供bootstrap 4 beta navbar-inverse bg-inverse

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/

Answer 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>