问如何在Twitter Bootstrap中覆盖样式

EN

添加您自己的类，例如：<div class="sidebar right"></div>，其CSS为

.sidebar.right { 
    float:right
} 

您可以通过使CSS类“更具体”来覆盖它。

您在HTML树中向上移动，并指定父元素：

div.sidebar { ... }比.sidebar { ... }更具体

如果你需要，你可以一直到BODY：

body .sidebar { ... }几乎可以覆盖任何东西。

请参阅这个方便的指南：http://css-tricks.com/855-specifics-on-css-specificity/

如果你想在bootstrap中覆盖任何css，使用！重要

假设这里是bootstrap中的页眉类，它在顶部有40px的边距，我的客户不喜欢它，他希望它在顶部是15，在底部只有10

.page-header {
    border-bottom: 1px solid #EEEEEE;
    margin: 40px 0 20px;
    padding-bottom: 9px;
}

所以我在site.css文件中添加了一个同名的类，如下所示

.page-header
{
    padding-bottom: 9px;
    margin: 15px 0 10px 0px !important;
}

请注意!important with my which，它将覆盖bootstarp页面标题类的边距。