Bootstrap - 移动设备上的某种边距(仅右侧)

Question

我创建了一个带引导程序的移动页面,但是对于某种类型,移动页面在我可以滑动到的右侧的移动设备上有一个边距或填充.我删除了一些代码,但即使是最简单的结构也有:

    <div class="container">
        <div class="row">
          <div class="col-lg-12">
            <div class="navigation"></div>
          </div>
        </div>
    </div><!--container-->

.container {
  max-width:100%;
  padding:0;
  height: 100%;
  width:100%;
}

.navigation {
  height:3.4375em;
  line-height:1em;
  background-color:#E75200;
}

我在这里上传了测试页面:http: //wp1011618.server-he.de/projekte/test/index2.html

我觉得这是因为col-lg-12填充,但Bootstrap这不能成为Bootstraps的意图,所以我想知道这里有什么不对吗？

谢谢!

Answer 1

我想到了:

html, body {
  overflow-x: hidden;
}

为我解决了!

Answer 2

.col-lg-12类有padding-right: 15px;和padding-left: 15px;，这会导致空格。使它们为 0，而不是在.row类中删除margin-right: -15px;和。margin-left: -15px;