title: How to align an image dead center with bootstrap
body: <p>I'm using the bootstrap framework and trying to get an image centered horizontally without success..</p>
  
  <p>I've tried various techniques such as splitting the the 12 grid system in 3 equal blocks e.g</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="row"&gt;
        &lt;div class="span4"&gt;&lt;/div&gt;
        &lt;div class="span4"&gt;&lt;img src="logo.png" /&gt;&lt;/div&gt;
        &lt;div class="span4"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What's the easiest method to get an image centered relative to the page?</p>