Bootstrap 3如何爲特定行分配獨特的排水溝寬度？

Question

我使用引導3建立我的個人網站，並一直在尋找一種方式來做到以下幾點：

我想分配唯一的排水溝寬度以特定行中我的佈局。

網站的其餘部分將使用底層的排水溝寬度。 這可能嗎？任何幫助將非常感激。在此先感謝/特雷夫

Answer 1

是的。添加一個唯一的CSS類，例如my-personalized-row到您想要編輯的行。然後在你的CSS，該附加段如下：

.my-personalized-row { 
    margin-bottom: 5px !important; //If you want 5px of gutter width. 
} 

現在，無論你在兩個括號之間放將僅適用於該行，該網站將使用底層的裝訂線寬度的其餘部分。

UPDATE：

我已經加入你想使用，以減少對特定行5px的裝訂線寬度樣式規則。 !important是爲了確保特異性規則不會干擾您的聲明。請注意，使用!important並不是必需的，因爲Bootstrap也聲明瞭具有單個類的樣式。

Answer 2

改變列（排水溝）之間的間距最簡單的方法是使用CSS覆蓋默認的填充（15像素）..

.row .col:not(:first-child),.row .col:not(:last-child) { 
    padding-right:5px; 
    padding-left:5px; 
} 

演示：你http://bootply.com/94849