在TwitterBootstrap中摆脱Gutter

Question

也许我疯了,但是没有办法摆脱Twitter bootstrap上的20px排水沟？例如,我使用了使用alpha和omega的框架来覆盖排水沟给它一个边距:0px; 我目前没有在twitter bootstrap文档中看到这样的内容.

Answer 1

使用引导程序,您不需要一个类来移除装订线,它会被.row您span自动放置div 的类删除,因此所有内容都可以很好地放在网格中.

.row {
    margin-left: -20px;
}

一点澄清.

其他框架,例如960.gs网格,使用.alpha和.omega删除网格左侧或右侧的多余边距,以便它们可以很好地将网格元素放在一条线内.使用引导程序不再是这种情况,因为网格有多余的边距被.rowdiv 删除,这需要你的.spandiv很好地坐在网格内.

Answer 2

更新：

在文档中也没有看到任何内容，但这里有一个修复：

如果您想删除容器左右两端的装订线，则必须为 .alpha 和 .omega 添加一个类。

.alpha { margin-left: 0; }
.omega { margin-right: 0; }

如果您想更改所有排水沟：

在variables.less文件中，您可以更改装订线宽度：

// GRID
// --------------------------------------------------

// Default 940px grid
// -------------------------

@gridGutterWidth: 20px;