更改跨度类的默认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是一个好习惯,还是有一个更简单,更好的解决方案来修复块？PS Twitter Bootstrap也用于页面上的其他目的(因此在我的情况下,span4不是使用Twitter Bootstrap的唯一原因).

Answer 1

您需要更改列之间的装订线宽度.最简单的方法是在下载之前自定义BS构建:

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

@gridGutterWidth在那里更改值(对于固定布局),然后下载您的构建.