Bootstrap - algum tipo de margem em dispositivos móveis (apenas no lado direito)
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!