無法更改引導程序3中導航欄的顏色？

我按照這個post來定製導航條。同時我遇到link，它使用一個簡單的導航欄類。所以我借這個從那裏無法更改引導程序3中導航欄的顏色？

.navbar.navbar-www { 
    background-color: #3E8956; 
    border-color: #3E8956; 
}

，並宣佈在上面的鏈接如下nav：

<nav class="navbar navbar-fixed-top navbar-inverse navbar-www" role="navigation">

我有我的custom.css加載bootstrap.css後，我的custom.css了上述css for navbar-www。即使在那之後，我的導航欄仍然是黑色（navbar-inverse）。但在開發人員工具中，我可以看到它已被覆蓋到navbar-www的custom.css背景色中。

我不明白爲什麼會發生這種情況，以及如何解決這個問題？

編輯：固定爲類.navbar .navbar-WWW

選擇.navbar.navbar-www的強度可以改進一個錯字。也許其他瀏覽器可能會明白你的比另一個更重要。嘗試更具體的選擇器，它不會被覆蓋！

例如：

2014-04-09 22:13:14 falsarella

對不起，那是錯字在粘貼在這裏，但顏色不是從導航欄逆 –

也僅僅有改變.navbar-www也沒有幫助。我在鉻看到這個背景設置，但沒有在屏幕上看到 –

在這種情況下，我編輯了我的答案。看看並嘗試：D – falsarella

嘗試加入的風格錨ŧ AG

.navbar.navbar-www a{ 
    background-color: #3E8956; 
    border-color: #3E8956; 
}

2014-04-09 22:39:55 krozero

這將只使鏈接改變顏色，但背景仍然是黑色的 –

寫你自定義的CSS填寫如下

.navbar.navbar-www { 
    background-image: linear-gradient(rgb(240, 16, 16) 0px, rgb(249, 18, 18) 100%); 
    border-color: #3E8956; 
}

您的問題將得到解決。

你可以參考bootstrap官方文檔，可以發現默認的navbar背景描述爲背景圖片，背景圖片和背景顏色的優先級，區分背景圖片比背景圖片更強大。

2014-11-20 08:53:10 wuxianghou

這裏是我做的，它應該能正常運行在你的CSS文件：

.navbar.navbar-xxx{ 
    background-color: #000000; 
    border-color: #c0392b; 
}

2016-09-21 19:44:43 Tenz

回答