Bootstrap 3:居中图像

时间:2014-11-06 12:34:53

标签: css twitter-bootstrap

这是我的jsFiddle,其中包含完整的代码示例。

我无法弄清楚如何上传我的placeholder.png图片,因此它看起来很破碎,但不过,我正试图弄清楚如何将其置于<h3>标记下方。我试图将其集中在一起:

<image src="placeholder.png" style="text-align: center;" />

......出于某种原因没有工作。知道为什么?

2 个答案:

答案 0 :(得分:3)

将类text-center添加到父容器并从图像中删除style="text-align: center;",不需要它:

<div class="col-md-12 text-center">
    ...
    <img src="placeholder.png" />
</div>

演示:http://jsfiddle.net/kLzah1x4/1/

答案 1 :(得分:1)

这里你去 - 简单的方法。

http://jsfiddle.net/kLzah1x4/2/

    <h3 style="text-align: center;">    
      <img src="placeholder.png"/>
    </h3>