引导行流体 .split

【问题标题】：Bootstrap row-fluid .split引导行流体 .split
【发布时间】：2013-03-20 20:12:06
【问题描述】：

我需要在我的项目上创建一个没有装订线的行流列，但我无法自定义引导程序，因为我需要在其他地方装订线。

我是 bootstrap 新手，来自 Kube (http://imperavi.com/kube/)。它在那里工作：

---- 从带有装订线的引导程序创建一个类似于 span6 的列。

如果我想删除排水沟简单添加： ------ 现在这些列没有分隔它们的排水沟。

我想做类似的事情来引导或者创建一个 row-fluid-split 类，但我该怎么做呢？

【问题讨论】：

【解决方案1】：

您可以通过添加新类来删除排水沟，我们称之为.no-gutter。

该类具有以下属性：

.no-gutter .span4 {
    margin: 0;
    width: 33.3333333333%;
}

然后，您将在 HTML 标记中添加这个类，如下所示：

<div class="row-fluid no-gutter">
    <div class="span4">First</div>
    <div class="span4">Second</div>
    <div class="span4">Third</div>
</div>

这里是DEMO

如果您需要 gutter elsewere，那么就不要添加此类。

请注意，您必须为所有 .spanX 引导类设置此类，其中 X 是从 1 到 12 的数字。

【讨论】：