Question

通过使用 center-block 类，通常使用style =“display：block; margin：0 auto”或在bootstrap 3中对元素进行居中，但不知何故，如果不能这样做，则无法完成你想要包含媒体类的元素，即：

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

如果我使用文本中心类，则只有媒体主体居中，媒体左侧元素保持稳定在同一个地方

Answer 1

center-block只对块元素居中，因此您需要使用特定的块来使用。要使用文本中心，您必须使用文本中心。我在这里创建一个示例。请检查一下，将您的反馈发送给我们。

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

Answer 2

虽然我还没有找到使用媒体bootstrap css的方法，但有一种简单的方法：

<div align = 'center'>
  <img style="vertical-align:middle" src="https://placehold.it/60x60">
  <span style="">Works.</span>
</div>

这是一个演示： https://jsfiddle.net/tj2qx659/

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

2 个答案: