Twitter bootstrap 导航条切换开关不可见

当使用以下代码时，我遇到了一个问题，导航栏切换图标不可见（如果单击按钮所在的位置，仍然有效）。我几乎修改了导航栏的所有方面的颜色，但我不太确定是什么导致了问题

HTML

.navbar{
字体系列：流沙，无衬线；
背景色：#2f3b59；
字号：800；
线高：25px；
}
.navbar.navbar文本{
颜色：#ffffff；
}
.navbar.navbar文本a{
颜色：#4db7fe；
}
.navbar.navbar文本a:悬停，
.navbar.navbar文本a：焦点{
颜色：#4db7fe；
}
.navbar.navbar导航链接{
颜色：#ffffff；
边界半径：.25rem；
边缘：0.25微米；
}
.navbar.navbar切换器{
边框颜色：#2f3b59；
}
.navbar.navbar切换器：悬停，
.navbar.navbar切换器：焦点{
背景色：#2f3b59；
}
.navbar.navbar切换器.navbar切换器图标{
颜色：#ffffff；
}

.navbar{
字体系列：流沙，无衬线；
背景色：#2f3b59；
字号：800；
线高：25px；
}
.navbar.navbar文本{
颜色：#ffffff；
}
.navbar.navbar文本a{
颜色：#4db7fe；
}
.navbar.navbar文本a:悬停，
.navbar.navbar文本a：焦点{
颜色：#4db7fe；
}
.navbar.navbar导航链接{
颜色：#ffffff；
边界半径：.25rem；
边缘：0.25微米；
}
.navbar.navbar切换器{
边框颜色：#2f3b59；
}
.navbar.navbar切换器：悬停，
.navbar.navbar切换器：焦点{
背景色：#2f3b59；
}
.navbar.navbar切换器.navbar切换器图标{
颜色：#ffffff；
}

.navbar{
字体系列：流沙，无衬线；
背景色：#2f3b59；
字号：800；
线高：25px；
}
.navbar.navbar文本{
颜色：#ffffff；
}
.navbar.navbar文本a{
颜色：#4db7fe；
}
.navbar.navbar文本a:悬停，
.navbar.navbar文本a：焦点{
颜色：#4db7fe；
}
.navbar.navbar导航链接{
颜色：#ffffff；
边界半径：.25rem；
边缘：0.25微米；
}
.navbar.navbar切换器{
边框颜色：#ffc107；
}
.navbar.navbar切换器：悬停，
.navbar.navbar切换器：焦点{
背景色：#ffc107；
}
.navbar.navbar切换器.navbar切换器图标{
颜色：#ffffff；
}

菜单