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

Question

我使用 Framework Bootstrap 3，在 f.e. 上的布局有问题。纵向模式的 iPad(在一般的小型设备中)。如何删除左侧和右侧的边距/填充？当我在 iPad 上查看此页面时，左右应该没有空格。

我试过很多东西:

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

上面的 CSS 代码导致右侧仍然有空白!？

我创建了一个 fiddle :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>

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