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

}