当背景为白色时，Bootstrap 汉堡菜单不显示图标栏答案

【问题标题】：Bootstrap hamburger menu does not show icon-bar when background is white当背景为白色时，Bootstrap 汉堡菜单不显示图标栏
【发布时间】：2018-04-10 05:33:59
【问题描述】：

我正在使用引导程序版本 3.3.7。我已经自定义了navbar 样式以使背景为白色和文本为黑色以及其他一些样式。除了汉堡菜单不显示icon-bar 外，一切正常。我尝试过明确设置icon-bar 样式

.my-navbar .navbar-header .navbar-toggle .icon-bar{
  color:black;
}

但还是不行。当我将鼠标悬停在icon-bar 上时，我看到了它。但是页面加载时我看不到它

这里是JSFiddle

我在这里缺少什么？

要重现问题并查看汉堡菜单，请确保减小输出窗口的大小

【问题讨论】：

标签： twitter-bootstrap css twitter-bootstrap-3

【解决方案1】：

试试

.my-navbar .navbar-header .navbar-toggle .icon-bar{
background-color:black;
}

【讨论】：

【解决方案2】：

Bootstrap 3 图标栏使用背景色，而不是颜色。尝试更改背景颜色而不是颜色。

.my-navbar .navbar-header .navbar-toggle .icon-bar{
  background-color:black;
}

【讨论】：

【解决方案3】：

我通过添加以下内容来修复它

.my-navbar .navbar-header .navbar-toggle {
    background-color: black;
}

工作JSFiddle

【讨论】：