如何在沒有左右填充的情況下爲Bootstrap列提供背景？

.container>.row>.col-md-6*2

的問題是，我想這兩列有白色的背景，但背景變左，右OVER容器和行15個像素。這裏是我想要實現的圖像：

Where the red rectnagles are, i want to have white background. 這裏的紅色直形，我想有白色背景。

2015-04-20 Zaay

請向我們提供您的代碼，您對我們有幫助你。 –

這裏是JsFiddle：http://jsfiddle.net/tmdnd9g5/ – Zaay

看到我的答案，讓我知道你是否需要更多的澄清。 –

您可以創建一個自定義類，並把它應用到這些元素，並設置

{margin:0;}

或者應用自定義類的.row元素和設置背景爲白色

2015-04-20 15:27:05 AnnieMac

通常我做的是做一個自定義類，只是將它添加到元素：

.col-no-pad { 
    padding-left: 0px; 
    padding-right: 0px; 
}

然後添加元素的類屬性：

<div class="col-md-6 col-no-pad"> 
    Stuff 
</div>

2015-04-20 15:31:39

的問題是，你有col-md-# DIV具有padding-right: 15px和padding-left: 15px屬性裏面你background屬性。您需要將背景類放在與col-md-#相同的div上。然後將所有列與另一個具有相同背景顏色的div包裹起來。

這是您的示例中的JSFiddle。 http://jsfiddle.net/tzw53fj0/注意：我使用不同的背景顏色作爲包裝的視覺輔助。

2015-04-20 16:16:55

只需將背景應用於行。

.row { 
    background-color:#fff; 
    margin-bottom: 100px; 
}

2015-04-20 17:25:09

爲什麼我會得到一個投票？我的解決方案工作，提供代碼，並有一個鏈接到一個例子... –

回答