使嵌套的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