Twitter Bootstrap响应式导航（btn-navbar，图标栏）颜色更改

Question

我正在与Bootstrap合作，专注于移动导航。 将鼠标悬停在该图标上时（水平的三行）为灰色背景色； 但是，背景颜色仅位于图标的中间（参见图片）。 我不介意这种背景色，但我想放在整个图标上，并在顶部加上圆角，因为它们在底部。 我怎样才能做到这一点？ 任何想法/建议表示赞赏。

Answer 1

您需要更改为图标栏颜色，显示为：

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

使用CSS设置您想要的颜色

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

您还可以设置按钮的背景色。

.navbar-toggle {
    background-color: #666;
}

如果要更改焦点颜色，则只需在Bootstrap中调整：focus标签：

.navbar-toggle:focus {

// set the new color here for focus

}

和

.navbar-toggle:focus .icon-bar {

// here for the 3 white Stripes

}