css - 居中嵌套 div 在 bootstrap 中不起作用

Question

我有这个标记:

<div class="container">
<div class="row ">
    <div class="col-md-12">
        <div class="row">
            <div class="col-md-6 text-center">
    <h1>BLOG POST TITLE</h1>

    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod</p>

           </div>
       </div>
</div>
</div>

我期望 col-md-6 中的内容在 col-md-12 中居中，但这并没有发生。我也尝试过 margin:0 auto; 但结果相同。

这是一个fiddle.

如何让 col-md-6 的内容在 col-md-12 中居中？

Answer 1

为内部元素使用偏移量，在 Bootstrap 中，默认情况下，所有行都有 12 列。

        <div class="col-md-offset-3 col-md-6 text-center">
          ...
        </div>

官方文档中的更多详细信息:http://getbootstrap.com/css/#grid-offsetting