2013-03-30 35 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