css - Bootstrap 删除行中的间距宽度并尊重宽度

Question

由于工作需要，我用 bootstrap 2 制作了一个页面，并面临以下挑战，请理解我正在学习它；)我在一个 div 下面有一个 #mainDiv，其中包含用于 Bootstrap 的命名空间 .bootstrapDiv

下面是一个.row-fluid，下面是2个.span12，这是我的问题；

我需要能够将 margin-right:0 第一个和 margin-left:0 第二个放在一起，这两个 div 应该填充行其余行的总体布局。

我怎么看他们在左边没问题但在右边缺少这个装订线宽度并且看起来一点也不好看，是否有任何特殊类可以水平扩展行及其内容如果你取出里面的元素？

一般应该怎么解决这个问题？

编辑

这是我的 fiddle :

http://jsfiddle.net/qdb74/

我指的是黑色空间

Answer 1

我通常通过创建自己的 CSS 或扩展 Bootstrap 来解决此类问题。这是因为 Bootstrap 没有修改 .row-fluid 的装订线的选项。下面是一个关于如何扩展 Bootstrap 的例子:

.row-fluid [class*="span"].no-gutter {
    margin: 0;
}

.row-fluid .span6.no-gutter {
    width: 50%;
}

.row-fluid .span5.no-gutter {
    width: 41.666666666666666%
}
...

你可以这样装饰你的元素:

<div class="firstDiv span6 no-gutter"></div>

但是，如果您决定扩展 Bootstrap 并且框架的新版本出现，这可能会中断。如果这是一个问题，那么创建自己的没有排水沟的流体网格可能会更好。该选项将要求您编写比这多一点的 CSS。