为什么我的 Bootstrap 导航栏在较小的设备上消失？

Bootstrap 导航栏在较小的设备上消失

创建 Bootstrap 导航栏时，您可能会在较小的屏幕上遇到隐藏的导航和丢失的汉堡包图标。这是因为默认的导航栏设置是为更大的屏幕设计的。

解决方案

要解决此问题，您需要向导航栏添加适当的类。对于 Bootstrap 5，请使用 navbar-light 或 navbar-dark 类。

<nav>

对于 Bootstrap 4 及更早版本，请使用 navbar-default 类。您还可以设置导航栏的背景颜色或使切换器图标变暗，如下所示：

#navbar-primary .navbar-nav { 
   background: #ededed;
}

.navbar-toggle .icon-bar {
    background-color: rgb(136, 136, 136);
}

应用这些更改后，您的导航栏应在所有屏幕尺寸上正确显示。

以上是为什么我的 Bootstrap 导航栏在较小的设备上消失？的详细内容。更多信息请关注PHP中文网其他相关文章！