css - Bootstrap 3 css，包含媒体类的居中元素

Question

居中元素通常使用 style="display:block;margin:0 auto"或在 bootstrap 3 中通过简单地使用 center-block 类来完成，但是如果你想居中包含媒体类的元素， 即:

<div class="media">
    <div class="center-block">
        <div class="media-left"><img class="media-object" src="..."></div>
        <div class="media-body">
            <h4 class="media-heading">Header</h4>
            <h5>Info</h5>
        </div>
    </div>
</div>

如果我改为使用 text-center 类，只有 media-body 居中，而 media-left 元素固定在同一个位置

Answer 1

center-block 仅将 block 元素居中，因此您需要使用特定的 block 才能使用。要使文本居中，您必须像您所说的那样使用文本中心。我只是在这里创建一个示例。只需检查一下，然后将您的反馈发送给我们。

演示 - http://goo.gl/QrgSE1