2013-03-30 42 views
1

我需要在我的项目中创建一个没有排水沟的行流体列,但我不能定制bootstrap,因为我需要在其他地方排水。Bootstrap row-fluid .split

我是bootstrap新手,我来自Kube(http://imperavi.com/kube/)。 它的工作原理是这样的:

----从bootstrap和阴沟创建一个像span6这样的列。

如果我想删除水槽简单地址: ------现在的列没有排水沟他们。

我想做这样的事情来引导或可能创建一个行流体拆分类,但我怎么能做到这一点?

回答

2

您可以通过添加新班级来删除排水沟,我们将其称为.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

如果您需要排水沟elsewere ,而不是简单地添加这个类。

注意,你必须设置这个类的所有.spanX自举类,其中X是从1到12