Bootstrap Navbar-Inverse 不起作用

如果您正在使用 Bootstrap 并尝试为您的导航栏应用 navbar-inverse 样式类，但是没有看到任何效果，那么这篇文章可能会对您有帮助。

原因

在 Bootstrap 4 中，navbar-inverse 样式类已被弃用，因为 Navbar 的背景颜色可以使用 CSS 变量和颜色类来设置。原本用于反转背景和文本颜色的 navbar-inverse 样式类已被替换为以下类：

• bg-dark: 应用黑色背景色
• navbar-dark: 应用白色文本颜色

因此，在 Bootstrap 4 中，您应该使用下面的方式为您的 Navbar 应用黑色背景和白色文本：

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

解决方案

如果您仍在使用 Bootstrap 3，那么可以使用 navbar-inverse 样式类。但是，如果您希望在将来迁移到 Bootstrap 4 时能够更轻松地进行转换，则建议按照上述方式更改代码。

结论

在 Bootstrap 4 中，navbar-inverse 样式类已被弃用，应使用 bg-dark 和 navbar-dark 类来为 Navbar 应用黑色背景和白色文本。如果您仍在使用 Bootstrap 3，则可以继续使用 navbar-inverse 类，但建议将代码更改为更为灵活的方式。