title: Bootstrap - Some kind of margin on mobile devices (only right side)
body: <p>i created a mobile page with bootstrap, but for some kind the mobile page has a margin or padding on mobile devices on the right side where i can slide to. I deleted some code, but even the most simple structure has it:</p>
  
  <pre><code>    &lt;div class="container"&gt;
          &lt;div class="row"&gt;
            &lt;div class="col-lg-12"&gt;
              &lt;div class="navigation"&gt;&lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;&lt;!--container--&gt;
  
  .container {
    max-width:100%;
    padding:0;
    height: 100%;
    width:100%;
  }
  
  .navigation {
    height:3.4375em;
    line-height:1em;
    background-color:#E75200;
  }
  </code></pre>
  
  <p>I uploaded the test page here:
  <a href="http://wp1011618.server-he.de/projekte/test/index2.html" rel="noreferrer">http://wp1011618.server-he.de/projekte/test/index2.html</a></p>
  
  <p>I have the feeling that it is because of the col-lg-12 padding, but Bootstrap this can't be Bootstraps intention so I am wondering whats wrong here?</p>
  
  <p>Thanks!</p>