Bootstrap響應式網格：避免填充網格元素左邊

我正在設計一個帶有bootstrap的網站，並且我遇到問題：響應式網格中的第一個元素有一個無意間的填充 - 左邊15px。Bootstrap響應式網格：避免填充網格元素左邊

你能告訴我如何解決這個問題嗎？感謝名單！

這裏的網站：

而這裏的代碼：

<div class="container mtop50"> 
<div class="col-md-3 col-sm-6 col-xs-12"><img src="img/platzhalter.png"></div> 
<div class="col-md-3 col-sm-6 col-xs-12"><img src="img/platzhalter.png"></div> 
<div class="col-md-3 col-sm-6 col-xs-12"><img src="img/platzhalter.png"></div> 
<div class="col-md-3 col-sm-6 col-xs-12"><img src="img/platzhalter.png"></div> 
</div>

來源

2015-09-04 timrodenbroeker

你有每個容器上的填充。並在列上。這就是爲什麼。

你可以用藍色方形

來源

2015-09-04 12:11:28

謝謝！我添加了一個類來消除網格元素上的填充。但對我來說，這似乎是一個不固定的解決方案。我想知道，因爲在另一個網站上它沒有這樣的破解工作：http://planilux.com/ – timrodenbroeker

不刪除網格元素的填充，但包含它們的容器 –

好從容器中取出填充，我已經解決了！我已經有 .row {margin：0; } 在我的樣式表中。此代碼消除了以下引導代碼：

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

謝謝！

來源

2015-09-04 12:33:18 timrodenbroeker

Bootstrap響應式網格：避免填充網格元素左邊

回答

相關問題