引导删除行中的装订线宽度并尊重宽度

Question

由于工作需要，我用bootstrap 2制作了一个页面并面临以下挑战，请理解我正在学习它;） 我在一个 div 下面有一个 #mainDiv，我的命名空间用于引导 .bootstrapDiv

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

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

我如何看待它们在左边是好的，但在右边缺少这个排水沟宽度并且看起来一点也不好看，如果你取出内部水平边距，是否有任何特殊的类可以水平扩展行及其内容里面的元素？

你应该如何正常解决这个问题？

编辑

这是我的小提琴：

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。