title: How can I align an image to the center in a Bootstrap column?
body: <p>Stupid question: I have three images in a row, but they are aligned to the left in their column. How can I align them to the center of the column?</p>
  
  <p>This is my code:</p>
  
  <pre><code> &lt;div class="container partners"&gt;
  &lt;div class="row"&gt;
  &lt;div class="col-md-4 col-sm-4 col-xs-4"&gt;
  &lt;img src="swz.png" alt="streetwize" class="img-circle" class="img-responsive" style="max-height:180px"&gt;
  &lt;/div&gt;
  &lt;div class="col-md-4 col-sm-4 col-xs-4"&gt;
  &lt;img src="ogon.png" alt="ogon" class="img-circle" class="img-responsive" style="max-height:180px"&gt;  
  &lt;/div&gt;
  &lt;div class="col-md-4 col-sm-4 col-xs-4"&gt;
  &lt;img src="congaz.png" alt="ogon" class="img-circle" class="img-responsive" style="max-height:180px"&gt;    
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p> </p>
  
  <p>And CSS:</p>
  
  <pre><code>.partners {
  display:block;
  margin: 0 auto;
  vertical-align:middle;
  }
  </code></pre>