html - Center image above text in bootstrap -

html - Center image above text in bootstrap -

i trying create main page website. want 3 images text underneath images not centered above text. here jsfiddle.

jsfiddle

<div class="row" style="text-align:center"> <div class="col-md-4 col-xs-8"> <img src="http://s27.postimg.org/5emjkk14v/image.jpg" class="img-responsive" style="height:180px;width:180px;" /> <h4> vaccinations</h4> <p>dogs , cats susceptible variety of illnesses can prevented next appropriate vaccination schedule.</p> </div> <div class="col-md-4 col-xs-8"> <img src="http://s27.postimg.org/5emjkk14v/image.jpg" class="img-responsive" style="height:180px;width:180px;" /> <h4>checkups</h4> <p>regular checkups key factor in pet wellness, , can unearth problems lead health issues downwards road. </p> </div> <div class="col-md-4 col-xs-8"> <img src="http://s27.postimg.org/5emjkk14v/image.jpg" class="img-responsive" style="height:180px;width:180px;" /> <h4> senior pets</h4> <p>senior pets require more medical attending younger counterparts, senior humans do. when pet considered “senior”? </p> </div> </div>

you need set left , right margins of images auto

.col-md-4.col-xs-8 img { margin: 0 auto; }

updated jsfiddle

html twitter-bootstrap center