title: Bootstrap responsive container changing position on same browser
body: <p>I use the <code>Bootstrap</code> responsive width class <code>.container</code> on two pages with almost the same content, like so:</p>
  
  <pre><code>&lt;html&gt;
   &lt;head&gt;
   &lt;/head&gt;
   &lt;body&gt;
    &lt;div class="container"&gt;
    &lt;!-- page content here--&gt;
    &lt;/div&gt;
   &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I notice that when I navigate from one page to the other (using the <code>navbar</code>), the contents of the second page appear to start at a greater distance from the left <code>margin</code> than the first. Therefore, when transitioning to the second page, it looks like the content has moved to the right. I'm not resizing the browser. Why does this happen?</p>
  
  <p>This behavior does not happen using <code>.container-fluid</code>.</p>