Eu criei uma página para celular com bootstrap, mas, de algum modo, a página para celular tem uma margem ou preenchimento em dispositivos móveis no lado direito, onde posso deslizar. Eu apaguei algum código, mas até a estrutura mais simples possui:

    <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;
}

Carreguei a página de teste aqui:http://wp1011618.server-he.de/projekte/test/index2.html

Eu tenho a sensação de que é por causa do preenchimento col-lg-12, mas o Bootstrap não pode ser a intenção do Bootstraps, então estou me perguntando o que há de errado aqui?

Obrigado!