0

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

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

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

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

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

编辑

这是我的小提琴：

http://jsfiddle.net/qdb74/

我指的是黑色空间

4

1 回答 1

1

我通常通过创建自己的 CSS 或扩展 Bootstrap 来解决此类问题。那是因为 Bootstrap 没有修改 .gutter 的选项.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。

于 2014-01-03T18:17:14.223 回答