Bootstrap 3-删除小型设备上的填充/边距

Question

我使用Framework Bootstrap 3，在纵向模式下（在一般小型设备中）在fe iPad上的布局遇到了麻烦。 如何删除左侧和右侧的边距/填充？ 当我在iPad上查看此页面时，左右应该没有空格。

我尝试了很多事情：

.container {
  margin: 0;
  padding: 0;
}

上面的CSS代码仍会在右侧留有边距！

我创建了一个小提琴： http : //jsfiddle.net/bBc8c/28/

有人可以帮忙吗？ 问候

Answer 1

例如，添加Bootstrap默认container类。

<div class="col-md-12 container>
<div class="header">some text here</div>
<p>Some text here</p>
</div>

容器会为您调整填充...