Bootstrap - 为导航手机上的切换按钮设置风格？

Question

我已经尝试使用谷歌搜索，但我正在努力寻找正确的选择器/类，我仍然是一个很新的引导程序。

我正在尝试在移动设备上设置导航菜单的样式。这是一张图片，仅供参考;我想在这里更改glyphicon（我相信这是一个汉堡包）及其颜色。

我还想在这里增加导航栏和级联底部菜单之间的距离：

此时它看起来像1px线。

我尝试在css中修改了很多选择器，但我不确定我做错了什么。有什么建议吗？

Answer 1

假设Bootstrap 3

更改图标find：

<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>

并替换为：

<span class="glyphicon glyphicon-search" aria-hidden="true"></span>

要更改新glyphicon的颜色，请添加到CSS：

.navbar-toggle span {
    color: RED;
}

下面的一行切换

.navbar-collapse {
    border-top-width: 10px;
}