Bootstrap: algún tipo de margen en dispositivos móviles (solo lado derecho)

Creé una página móvil con bootstrap, pero para algún tipo, la página móvil tiene un margen o relleno en dispositivos móviles en el lado derecho donde puedo deslizarme. Eliminé un código, pero incluso la estructura más simple lo tiene:

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

Subí la página de prueba aquí:http://wp1011618.server-he.de/projekte/test/index2.html

Tengo la sensación de que se debe al relleno col-lg-12, pero Bootstrap no puede ser la intención de Bootstraps, así que me pregunto qué hay de malo aquí.

¡Gracias!

Respuestas a la pregunta(4)

Su respuesta a la pregunta