title: Centering images in Bootstrap using offsets
body: <p>At the top of a page using Bootstrap 3, I am trying to center 3 images by placing them in nested columns within an offset column. They do end up looking offset, but not centered (there is a jumbotron just beneath these images, and clearly they are not centered above the jumbotron). The offset column is has a width of 6, and is offset by 3 - yet is not centered.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;div class="container"&gt;
  
    &lt;div class="row"&gt;
      &lt;div class="col-md-6 col-md-offset-3 center"&gt;
  
      &lt;div class="row"&gt;
        &lt;div class="col-md-2 text-center"&gt;
           &lt;img src="images/nav_benefits.png" width="66" height="65" /&gt;
        &lt;/div&gt;
        &lt;div class="col-md-2 text-center"&gt;
           &lt;img src="images/nav_benefits.png" width="66" height="65" /&gt;
        &lt;/div&gt;
        &lt;div class="col-md-2 text-center"&gt;
           &lt;img src="images/nav_benefits.png" width="66" height="65" /&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  
  
  &lt;div class="container"&gt;
  &lt;div class="jumbotron"&gt;
        &lt;h1&gt;Hello World&lt;/h1&gt;
        &lt;p&gt;Hello everybody&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>