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响应式网格：避免填充网格元素左边

回答

相关问题