title: How to center a div with Bootstrap2?
body: <p><a href="http://twitter.github.com/bootstrap/scaffolding.html" rel="noreferrer">http://twitter.github.com/bootstrap/scaffolding.html</a></p>
  
  <p>I tried like all combinations:</p>
  
  <pre><code>&lt;div class="row"&gt;
    &lt;div class="span7 offset5"&gt; box &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>or </p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;div class="row"&gt;
      &lt;div class="span7 offset5"&gt; box &lt;/div&gt;
    &lt;/div&gt;  
  &lt;/div&gt;
  </code></pre>
  
  <p>changed span and offset numbers...</p>
  
  <p>But I cant get a simple box perfectly centered on a page :(</p>
  
  <p>I just want a 6-column-wide box centered...</p>
  
  <p><hr>
  edit:</p>
  
  <p>did it with </p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;div class="row" id="login-container"&gt;
      &lt;div class="span8 offset2"&gt;
         box
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But the box is too wide, is there any way I can do it with span7 ?</p>
  
  <p><code>span7 offset2</code> gives extra padding to the left <code>span7 offset3</code> extra padding to the right...</p>