引导响应网格：避免在网格元素上留下填充答案

【问题标题】：Bootstrap Responsive Grid: Avoid padding left on grid-element引导响应网格：避免在网格元素上留下填充
【发布时间】：2015-09-04 20:33:18
【问题描述】：

我正在使用引导程序设计一个网站，但我遇到了一个问题：响应式网格中的第一个元素有一个意外的 padding-left 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>

【问题讨论】：

标签： css twitter-bootstrap grid

【解决方案1】：

每个容器都有填充。并且也在列上。这就是为什么。

您可以使用蓝色方块从容器中删除填充

【讨论】：

谢谢！我添加了一个类来消除网格元素上的 padding-left。但对我来说，这似乎是一个不合时宜的解决方案。我想知道，因为在另一个网站上它没有这样的黑客攻击：planilux.com
不要删除网格元素上的填充，但包含它们的容器

【解决方案2】：

好的，我已经解决了！我有过。排 { 边距：0； } 在我的样式表中。此代码消除了以下引导代码：

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

谢谢！！！

【讨论】：