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

Centering floating (moreover responsive) elements like the bootstrap columns requires some work with the margins, like yuyokk suggested.

Or you can unfloat the elements and use inline-block :

.community-images {
  text-align: center;
}

.col-md-3 {
  float: none;
  display: inline-block;
  text-align: left; //reset the text alignement to left
}

Works everywhere, including IE8.