2013-06-27 49 views
6

我使用Bootstrap Twitter做了第一步,並且需要擴展組件。 例如,我希望更改導航欄背景,但不更改原始的css文件。和其他修改。 我嘗試用新的背景創建一個新的類(。測試):在HMTL引導程序類如何擴展

.test{ 
    background-color: red !important; 
} 

而且invoques:

<div class="navbar navbar-fixed-top test"> 

但是,不能正常工作。 這怎麼辦?和更多.... 任何想法?

+0

難道我的回答工作?我看到你已經問過另一個引導CSS重寫問題:http://stackoverflow.com/questions/17355943/change-vertical-divider-navbar – ZimSystem

+0

你應該接受答案,以便其他人知道它已經解決。 – ZimSystem

回答

7

有幾種方式來定製/擴展自舉類這些都在這裏討論:Twitter Bootstrap Customization Best Practices

如果要覆蓋使用自己的自定義CSS的自舉的風格,你應該避免使用!important,因爲這通常是一個壞實踐。

navbar的情況下,具有背景色的元素是navbar-inner所以你要覆蓋這樣的:

.test .navbar-inner{ 
    background-color: red; 
} 

自定義導航欄例如:http://bootply.com/61032

+0

>有兩種方法...... 你是不是說「有兩種方法......」或「有太少的方法......」?只是檢查,以便我正確理解這個答案。 – samjewell