Блог

Я пытаюсь создать главную страницу для веб-сайта. Я хочу три изображения с текстом внизу, но изображения не центрированы над текстом. Вот 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 and cats are susceptible to a variety of illnesses that can be completely prevented by following the 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 are a key factor in pet wellness, and can often unearth problems that could lead to health issues down the 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 generally require more medical attention than their younger counterparts, just as senior humans do. So when is a pet considered “senior”? </p>

            </div>

        </div>
  

Вам нужно установить для левого и правого полей изображений значение auto

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

Обновлен JSFIDDLE

 .img-responsive{display:inline-block}