引导程序类如何扩展

Question

我使用Bootstrap Twitter做了第一步，并且需要扩展组件。 例如，我希望更改导航栏背景，但不更改原始的css文件。和其他修改。 我尝试用新的背景创建一个新的类（。测试）：在HMTL

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

而且invoques：

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

但是，不能正常工作。 这怎么办？和更多.... 任何想法？

Answer 1

有几种方式来定制/扩展自举类这些都在这里讨论：Twitter Bootstrap Customization Best Practices

如果要覆盖使用自己的自定义CSS的自举的风格，你应该避免使用!important，因为这通常是一个坏实践。

在navbar的情况下，具有背景色的元素是navbar-inner所以你要覆盖这样的：

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

自定义导航栏例如：http://bootply.com/61032