css - 引导行流体 .split

Question

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

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

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

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

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

Answer 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>

这是演示

如果您需要排水沟 elsewere，则不要简单地添加此类。

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