Как выровнять загрузочный центр изображения

Question

Выровнять центр изображения. Я использую версию 3.3.7 начальной загрузки. Я пытался использовать text-center или style = "text-align: center" у меня не сработало

<div class="row">
    <div style="overflow:hidden" class="col-sm-8">
        <img src="../../../../Images/ThinkstockPhotos-457383369.jpg" />
    </div>
</div>

Answer 1

Попробуйте, если ищете встроенное решение CSS. добавить поле: 0 авто.

<div class="row">
    <div style="overflow:hidden; margin:0 auto;" class="col-sm-8">
        <img src="../../../../Images/ThinkstockPhotos-457383369.jpg" />
    </div>
</div>

Answer 2

Twitter начальной загрузки имеет класс, который центрируется: .pagination-centered

Это сработало для меня:

<div class="row-fluid">
   <div class="span12 pagination-centered"><img src="header.png" alt="header" /></div>
</div>

CSS для класса:

.pagination-centered {
  text-align: center;
}

Answer 3

Добавить 'center-block' к изображению как к классу - дополнительные CSS не нужны

<img src="images/default.jpg" class="center-block img-responsive"/>