Html 引导-为移动设备导航上的切换按钮设置样式？

我试过用谷歌搜索这个，但我很难找到正确的选择器/类，而且我对bootstrap还是很陌生

我正在尝试在手机上设置导航菜单的样式。这是一张图片，供参考；我想改变这里的图标，我相信这是一个汉堡，它的颜色

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

现在它看起来像一条1px的线

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

假设引导3 要更改图标，请查找：

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

切换下的行

---

谢谢还有一个问题-当我在.navbar-collapse中添加一个边框时，整个东西的外部有一个1px的外部边框。这是来自父.navbar选择器的吗？我正在寻找一种方法来创建一个缺口，即两者完全分开。您可以在开发者控制台中检查哪些属性来自何处。在谷歌浏览器中，它是F12。

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

.navbar-toggle span {
    color: RED;
}

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