[英]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.