2014-09-20 53 views
-1

我正在使用Twitter Bootstrap 3.2.0,我需要將「navbar」的顏色從基本黑色更改爲其他顏色。我已經嘗試了一切,我無法在CSS中改變它。如何設置Twitter Bootstrap 3的顏色navbar

我已經得到它在調用CDN的加載項中正常工作,但我需要在CSS中自己控制它。

我已按正確的順序正確加載了引導文件。

有沒有人有一種方法可以讓我改變這一點 - 無論是與樣式表或內聯命令。

非常感謝!

+0

對不起,有人覺得有必要負面評價這個問題。事實證明,在我的示例頁面中有一個名爲bootstrap-theme.min.css的文件,它有效地否定了我的所有導航欄設置,即使它是在我自己的導航欄設置之前放置的。當這被刪除一切工作!是的 - 我是一個新人 - 未來的讀者都知道,在問我的問題之前,我花了七個小時的時間。 – 2014-09-23 16:20:23

+0

我的研究包括Stackoverflow上的許多帖子,博客文章,專門討論BootStrap和衆多YouTube視頻的網站。 我嘗試了一切,沒有任何工作要感謝在getbootstrap.com網站上使用的文件 - bootstrap-theme.min.css! – 2014-09-23 16:25:51

+0

我非常感謝願意幫助的兩位人士的職位,並在此過程中找到了我遇到的問題的原因! – 2014-09-23 16:30:08

回答

2

只要你使用默認的導航欄,它是那樣簡單瞄準.navbar-default類,像這樣:

.navbar-default { 
    background-color: #FC0; 
    border-color: #E7E7E7; 
} 

而且onbiously你可以用屏幕尺寸播放,採用基於您頁不同的顏色是等

我做了一個Bootply向您展示

+0

感謝您的示例代碼!我使用的是navbar-inverse類,它顯然不會響應導航欄默認的CSS設置! – 2014-09-20 14:07:08

+0

它應該與navbar-inverse一起工作 – Devin 2014-09-20 18:24:09

3

只需到這裏:http://getbootstrap.com/customize/並自定義導航欄,然後下載定製的Boostrap。

+0

非常感謝你 - 一旦我們決定了顏色,我將在未來使用它! – 2014-09-20 14:08:01