Bootstrap图像不会居中

Question

我想将图像移动到中心但不确定无论怎样都不会发生。

我有"container-fluid"，然后用"row"和"col-md-12"包裹，甚至尝试使用padding:0，但仍然无法正常显示。

赞赏任何评论。

Answer 1

您必须将此代码添加到div：

<div class = " col-md-12 col-sm-12 col-xs-12"

col-md-12 - 代表dekstop col-sm-12 - 适用于平板电脑 col-xs-12 - 适用于手机

且margin: 0 auto无效。

Answer 2

尝试使用Bootstrap的文本中心类。

<div class="row">
 <div class="col-xs-12 col-sm-12 ... text-center">
   <img ... />
 </div>
</div>