更改導航欄固定菜單欄中的背景色Bootstrap

我想更改Bootstrap中導航欄固定菜單欄的顏色。在application.css.scss我有這樣的：更改導航欄固定菜單欄中的背景色Bootstrap

.navbar 
    .navbar-inner { 
    background-color: #2c2c2c; 
    } 
}

在application.html.erb我有這樣的：

<header class="navbar navbar-inverse navbar-fixed-top"> 
<nav class="navbar-inner">

有人能解釋爲什麼我仍然看到黑色的菜單欄背景（我懷疑我不是完全匹配類）。

2012-09-18 sploiber

可能重複http://stackoverflow.com/questions/9869610/navbar-color-in -twitter-bootstrap） – Rob

默認情況下，導航欄使用css漸變。這使用background-image屬性。您還需要重置此值：

.navbar { 
    .navbar-inner { 
    background-color: #2c2c2c; 
    background-image: none; 
    } 
}

更新：添加了缺失大括號。

2012-09-18 23:27:52

本，非常感謝！有一個問題，說「這些類」真的是「navbar」和「navbar-inner」是否正確？換句話說，「navbar-inverse」和「navbar-fixed-top」不是類，而是加入到類中的資格？ – sploiber

<style type="text/css"> 
    .navbar { 
     background-color:#00FFCC; 
     background-image: none; 
    } 
</style>

只是使用此代碼，您有一些邏輯錯誤在你的CSS

[在Twitter的引導導航欄顏色（的

2014-12-31 09:11:08

回答