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

Question

我使用Framework Bootstrap 3并且在f.e.上的布局有问题。 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>

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