在 TwitterBootstrap 中摆脱 Gutter [英] Get rid of Gutter in TwitterBootstrap

问题描述

也许我疯了，但有没有办法摆脱 twitter bootstrap 上的 20px 装订线?例如，我使用了使用 alpha 和 omega 的框架，它们覆盖了排水沟，给它一个 margin:0px;我目前在 twitter bootstrap 文档中没有看到类似的内容.

Maybe I'm crazy but is there not a way to get rid of the 20px gutter on the twitter bootstrap? For example I've used frameworks that use an alpha and omega that over-ride the gutter to give it a margin:0px; I'm not currently seeing anything like this in the twitter bootstrap documentation.

推荐答案

使用引导程序，您不需要一个类来删除装订线，它由您放置的 .row 类删除您的 span div 会自动显示，因此所有内容都很好地位于网格中.

With the bootstrap you don't need a class to remove the gutter, it is removed by the .row class where you place your span divs automatically so everything sits nicely within the grid.

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

稍微澄清一下.

其他框架，例如 960.gs 网格，使用 .alpha 和 .omega 删除网格左侧或右侧的多余边距，以便他们可以很好地将网格元素放在一条线上.使用引导程序不再是这种情况，因为网格具有由 .row div 删除的多余边距，这是让 .span div 很好地位于网格.

The other frameworks, such as the 960.gs grid, use an .alpha and .omega to remove the excess margin on the left or right of a grid so they can sit the grid elements nicely within a line. With the bootstrap this is not the case anymore since the grid has that excess margin removed by the .row div, which is required to have your .span divs sit nicely within the grid.

这篇关于在 TwitterBootstrap 中摆脱 Gutter的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！