Twitter Bootstrap - 靜態導航欄

Question

如何更改TB導航欄的背景顏色？查看http://twitter.github.com/bootstrap/index.html上的頂部導航欄。當我在navbar.navbar-inverse.navbar-fixed-top上設置background-color: pink;時，沒有任何反應。我試圖在其他元素上做同樣的事情。我似乎無法改變顏色。

Answer 1

添加以下CSS和變化顏色。您需要更改：#222222（較深的顏色）和#111111（較淺的顏色），因爲它們位於背景漸變的不同端。你需要改變它們。 更改#1b1b1b和#252525之間的東西。

.navbar-inverse .navbar-inner { 
    background-color: #1b1b1b; 
    background-image: -moz-linear-gradient(top, #222222, #111111); 
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111)); 
    background-image: -webkit-linear-gradient(top, #222222, #111111); 
    background-image: -o-linear-gradient(top, #222222, #111111); 
    background-image: linear-gradient(to bottom, #222222, #111111); 
    background-repeat: repeat-x; 
    border-color: #252525; 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0); 
} 

.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus { 
    color: #ffffff; 
    background-color: #111111; 
} 

如果你不想梯度，只是做以下並更改#1b1b1b和#252525你的背景顏色分別邊框顏色和#111111爲「選擇」的顏色。

.navbar-inverse .navbar-inner { 
    background-color: #1b1b1b; 
    background-image: none; 
    border-color: #252525; 
    filter: none; 
} 

.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus { 
    color: #ffffff; 
    background-color: #111111; 
} 

Answer 2

我修改使用bootstrap.css後裝入一個單獨的樣式表，其包括

.navbar { 
    background-color: #2a2a86; /* fallback color, place your own */ 

    /* Gradients for modern browsers, replace as you see fit */ 
    background-image: -moz-linear-gradient(top, #3a3a96, #2a2a86); 
    background-image: -ms-linear-gradient(top, #3a3a96, #2a2a86); 
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3a3a96), to(#2a2a86)); 
    background-image: -webkit-linear-gradient(top, #3a3a96, #2a2a86); 
    background-image: -o-linear-gradient(top, #3a3a96, #2a2a86); 
    background-image: linear-gradient(top, #3a3a96, #2a2a86); 
    background-repeat: repeat-x; 

    /* IE8-9 gradient filter */ 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a3a96', endColorstr='#2a2a86', GradientType=0); 

}

然後可以應用相同的邏輯來按鈕等等的NAV-欄。

對我來說似乎基色設定在基類的元素，所以

.navbar 
.btn 

等

Answer 3

嘗試：

background-color: pink !important;