title: Bootstrap page centering not working
body: <p>I am using bootstrap to create a page layout but the content is always slightly to the left more than the right. I notice that the row class has a margin left of -20px which I believe is the cause of the problem, but surely that can't be right?</p>
  
  <p>Here is my markup:</p>
  
  <pre><code>&lt;div class="row header-wrap"&gt;
      &lt;div class="container header"&gt;
          &lt;div class="row"&gt;
              &lt;div class="span6"&gt;
              test
              &lt;/div&gt;
              &lt;div class="span6"&gt;
              test
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>BTW Header and header-wrap are not defined yet.</p>
  
  <p>The purpose of the outer row div is to create a continual background for the header later.</p>
  
  <hr>
  
  <p><img src="https://i.stack.imgur.com/AJrEE.jpg" alt="enter image description here"></p>