Bootstrap响应网格：避免在网格元素上留下填充

Question

我正在设计一个带有bootstrap的网站，我遇到了一个问题：响应式网格中的第一个元素有一个意外的填充 - 左边15px。

你能告诉我如何解决这个问题吗？感谢名单！

这是网站：

http://muviko.de/

以下是代码：

<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>

Answer 1

你在每个容器上都有填充物。还有专栏。这就是原因。

您可以使用蓝色方块

从容器中移除填充

Answer 2

好的，我已经解决了！我有过     .row {         余量：0;         } 在我的样式表中。此代码消除了以下引导代码：

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

感谢!!!