我正在使用 Bootstrap Twitter 做我的第一步，并且需要扩展组件。例如，我想更改导航栏背景，但不更改原始 css 文件。
我试图.test用新的背景创建一个新的类：
.test{
background-color: red !important;
}
我在 hmtl 中将其调用为：
<div class="navbar navbar-fixed-top test">
但是，它不起作用。怎么能做到这一点？
问问题
21961 次
1 回答
10
有几种方法可以自定义/扩展 Bootstrap 类，这些都在此处讨论：Twitter Bootstrap Customization Best Practices
如果你打算用你自己的自定义 CSS 覆盖 boostrap 样式，你应该避免使用!important，因为这通常是一种不好的做法。
在 的情况下navbar，具有背景色的元素是navbar-inner这样的，您需要像这样覆盖：
.test .navbar-inner{
background-color: red;
}
自定义导航栏示例：http ://bootply.com/61032
于 2013-06-27T16:57:10.440 回答