在一個網站上使用多個引導排水溝寬度

Question

我使用引導3網格系統，並有一個設計，使用跨頁面的不同部分多個網格排水溝寬度。

望着例如主題，他們似乎都在整個頁面

http://wrapbootstrap.com/preview/WB06F57D4

http://wrapbootstrap.com/preview/WB0025522

例如引導的默認下載爲您提供了以下CSS使用一個排水溝寬度：

@media (min-width: 1200px) 
.container { 
width: 1140px; 
} 

.row { 
margin-right: -15px; 
margin-left: -15px; 
} 

.......col-md-12, .col-lg-12 { 
position: relative; 
min-height: 1px; 
padding-right: 15px; 
padding-left: 15px; 
} 

所以這給你在每個列和最大列wid之間的默認30px 65px的TH（寬度填充其95pc）

如果我再想沒有排水溝我得到以下

@media (min-width: 1200px) 
.container { 
width: 1140px; 
} 

.row { 
margin-left: 0px; 
margin-right: 0px; 
} 

....col-md-12, .col-lg-12 { 
position: relative; 
min-height: 1px; 
padding-left: 0px; 
padding-right: 0px; 
} 

所以這給你每一列和95px的最大列寬的默認30像素。

什麼是不同部分組合一個頁面與多個排水溝寬度的標準方式？這可以做到嗎？

Answer 1

是的，只需在頁面上分配一個新類並根據需要調整列填充。

body.alt-gutter[class^='col-'], body.alt-gutter[class*=' col-'] { 
    padding-left: 5px; // or whatever you need 
    padding-right: 5px; 
}