bootstrap中的css选择器特异性不起作用

时间:2014-03-17 17:31:05

标签: css twitter-bootstrap

我有这个标记:

<section id="home" class="spacing"> 

<div class="container">
<div class="row">...SOME CONTENT...</div>
</div>

<div class="container-fluid">
<div class="row full">...SOME CONTENT...</div>
</div>

</section>

我想删除row页边距而不覆盖默认的引导程序样式,我添加了一个类full

我已经尝试了.row.full {margin-left:0 !important; margin-right:0 !important;} .full,但这些都没有奏效。

如果我尝试#home .row正在运作,但我不想这样做。

这些是行类的默认样式: .row {margin-right:-15px;margin-left:-15px; 为什么不工作,我做错了什么?

1 个答案:

答案 0 :(得分:0)

我现在正在客户端运行Twitter-Bootstrap,我这样做是为了尝试它并且工作正常

.row-full {
    margin: 0;
}

显然,替换div中的类名

P.S。您运行的任何自定义样式表必须在头部的bootstrap.css下声明,以便它实际覆盖bootstrap。检查一下