簡體   English   中英

引導行流體.split

[英]Bootstrap row-fluid .split

我需要在項目上創建不帶裝訂線的行流體列,但是我無法自定義引導程序,因為我需要在其他地方裝訂裝訂線。

我是Bootstrap的新手,我來自Kube( http://imperavi.com/kube/ )。 在那里,它像這樣工作:

----用裝訂線從引導程序創建一個像span6這樣的列。

如果要刪除裝訂線,請簡單地添加:------現在,各列之間沒有裝訂線。

我想做類似的事情來引導或創建行流體拆分類,但是我該怎么做呢?

您可以通過添加新類來刪除裝訂線,我們將其稱為.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>

這是演示

如果您需要裝訂線,則不要添加此類。

請注意,必須為所有.spanX引導程序類設置此類,其中X是從1到12的數字。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM