title: bootstrap center 3 col-md-3 divs
body: <p>I have a wrapper like so:
  <code>&lt;div class="community-images"&gt;&lt;/div&gt;</code></p>
  
  <p>and inside this wrapper I have 3 col-md-3 divs:</p>
  
  <pre><code>&lt;div class="col-md-3"&gt;&lt;/div&gt;
  &lt;div class="col-md-3"&gt;&lt;/div&gt;
  &lt;div class="col-md-3"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>what I am trying to do is center these 3 divs inside the wrapper, how would I accomplish this ?</p>
  
  <p>Here is the CSS:</p>
  
  <pre><code>.community-images {
    padding: 40px 0px 40px 0px;
  }
  
  .col-md-3 {
    border: 1px solid #ccc;
    padding: 10px;
    margin: 10px;
    min-height: 300px;
    box-shadow: 10px 10px 5px #888888;
  }
  </code></pre>