5

我用

<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;
}

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

我的意思是，修复 Twitter Bootstrap 跨度类的边距和宽度是一个好习惯，还是有一个更简单、更好的解决方案来修复块？PS Twitter Bootstrap 也用于页面上的其他目的（因此 span4 并不是我使用 Twitter Bootstrap 的唯一原因）。

4

2 回答 2

7

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

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

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

于 2012-08-01T12:35:22.060 回答
0

这可能会帮助人们在 Rails 应用程序中使用 bootstrap 作为 gem 来解决同样的问题。

如果您将引导程序与 gem 'bootstrap-sass' 一起使用，则可以直接覆盖此默认值，如下所示：

.span{
  margin-left:0px;
}

这会覆盖 gem 给出的默认边距。

于 2014-02-28T11:12:35.580 回答