更改跨度类的默认Twitter Bootstrap边距20px

Question

我用

<div id="windows">
    <div class="row-fluid">
        <div class="span4 mywindow">Text</div>
        <div class="span4 mywindow">Text</div>
        <div class="span4 mywindow">Text</div>
    </div>
</div>

在特殊宽度的div #windows中。

我想减少这三个块之间的默认20px空间。

这些css代码

#windows .span4
{
    margin-right:-10px;
}

在块之间设置适当的空间，但每个块保持相同的宽度，因此总宽度小于父div的100％（有一个正确的空格）。

我可以通过使用!important更改块的宽度来修复它。所以修复是

#windows .span4
{
margin-right:-10px;
width:180px !important;
}

接下来的问题是：如果我必须如此努力地修复它，那么在我的Windows中使用Twitter Bootstrap span4类是否有意义？

我的意思是，为Twitter Bootstrap span类修复margin-right和width是一个好习惯，还是有一个更简单，更好的解决方案来修复块？ 附： Twitter Bootstrap也用于页面上的其他目的（因此在我的情况下，span4不是使用Twitter Bootstrap的唯一原因）。

Answer 1

您可以在列之间更改装订线宽度。最简单的方法是在下载之前自定义BS构建：

http://twitter.github.com/bootstrap/customize.html#variables

在那里更改@gridGutterWidth值（对于固定布局），然后下载您的构建。

Answer 2

这可能有助于在rails应用程序中使用bootstrap作为gem的相同问题的人。

如果您使用bootstrap和gem'bootstrap-sass'，您可以直接写下此默认值，如下所示：

.span{
  margin-left:0px;
}

这会覆盖gem提供的默认边距。