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中文网其他相关文章!