如何对齐引导图像中心

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

在图像上添加“ center-block”作为类-无需其他CSS

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

Answer 2

如果要查找内联CSS解决方案，请尝试此操作。添加margin：0自动。

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

Answer 3

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;
}