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

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

您设计了一个 Bootstrap 导航栏，其中有一个突出的徽标居中，但当屏幕尺寸缩小。汉堡菜单也保持隐藏状态。这个问题可以通过考虑几个因素来解决。

移动设备上的导航栏外观

Bootstrap 依靠媒体查询来调整导航栏针对不同屏幕尺寸的行为。以下 CSS 类起着至关重要的作用：

navbar-default (or navbar-light for Bootstrap 4+)
navbar-dark

应用导航栏类

为了确保在移动设备上正确显示，请将适当的导航栏类应用于您的代码:

<nav>

或者，您可以向导航栏添加自定义背景颜色或使切换按钮变暗：

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

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

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