Html 引导导航栏：较小的设备上不显示任何内容 这个带有标志图像的导航栏在中间屏幕上的效果非常好，但是在较小的屏幕上，所有的东西都消失了，包括标志图像（和汉堡包没有显示）。有人知道这个问题的解决方案吗？

以下是链接：

#导航栏主目录。导航栏导航{
宽度：100%；
文本对齐：居中；
}
#导航栏主目录。导航栏导航>li{
显示：内联块；
浮动：无；
}
#导航栏主菜单。导航栏导航>li>a{
左侧填充：30px；
右侧填充：30px；
}

切换导航

它在那里，但你看不见，因为没有背景色

使用

navbar默认值

navbar灯

或

navbar暗

类：

或者，添加背景色：

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

或者，将开关变暗：

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

Bootstrap 4.0.0的更新

navbar默认值

消失。现在对浅色导航栏使用

navbar-light-bg-light

of，对深色导航栏使用

navbar-dark-bg-dark

---

---

另请参见：

您需要添加navbar default或navbar Reverse，或者自己设置样式，因为您仅使用.navbar。可能与我单击navbar切换按钮时的重复（它是不可见的，但在那里），显示导航栏。添加

navbar default

或

navbar light

会起作用，因为它们会向主元素和子元素添加多种样式。但向主块添加简单的背景色不足以处理所有子元素的行为。