bootstrap center 3 col-md-3 divs

Question

I have a wrapper like so:

and inside this wrapper I have 3 col-md-3 divs:

Answer 1

Update: This is good solution for normal layout, not for Twitter Bootstrap as it disrupts the Bootstrap behaviour. Check Jeben's answer for a better layout.

A modern browsers solution and apt for your problem. Flexbox technique with justified content.

@media (min-width:992px) {
  .community-images {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

Bootply