如何自定义twitter bootstrap CSS的默认值?例如class = container

时间:2012-09-27 01:19:24

标签: css twitter-bootstrap

在我的<head>代码中,我已放置bootstrap.css

的位置

如果我放置<div class="container">它会创建固定宽度。 我想要发生的是通过导入另一组样式表来操纵container宽度的默认值。

另一种情况是,如果我放置span8如何在其上放置背景颜色而不实际编辑bootstrap.css,而是使用新样式表对其进行自定义。

可以放2个样式表吗?然后在新样式表中继承/操纵bootstrap.css中的所有值?

如果我的解释不那么清楚,我道歉。有点难以口头表达我想要发生的事情。 :)

2 个答案:

答案 0 :(得分:0)

添加第二个样式表时,可以覆盖第一个样式表的规则。只需确保按正确的顺序将它们添加到您的html页面。

如果您想确保不会覆盖规则,可以向其添加!important 。例如:

.example {
    color: red !important;
}

答案 1 :(得分:0)

是的,这是可能的。这就是CSS的“层叠”部分。简短的回答是在bootstrap.css之后和在响应之前添加你自己的样式表,并且你的样式将被使用,因为它们是最新的定义,即规则“级联”下来。

答案很长take a look at the docs。如果你有时间,那里有很多值得学习的东西。

另请查看bootstrap customization page