html - 如何使用 Bootstrap 嵌套列网格

Question

我试图实现 Bootstrap 嵌套列 div，但这没有响应我想在 BootStrap 中实现完全响应的网格系统

这就是我想在 Bootstrap 网格系统中实现的

这是我的 html 标记

<div class="col-md-12 topSpace">
   <div class="col-md-3 text-center"></div>
   <div class="col-md-6 text-center">
   </div>
   <div class="col-md-3 text-center">
   </div>
</div>
<div class="md-col-6 col-centered"></div>

这是CSS标记

.col-centered{
margin:0 auto;
}

.topSpace{
top:100px;
}

Answer 1

下面的 html 标记应该可以工作。

<div class="col-md-12">

  <div class="row">
    <div class="col-md-3">
      1
    </div>    
    <div class="col-md-6">
      2
    </div>    
    <div class="col-md-3">
      3
    </div>
  </div>

  <div class="row">
    <div class="col-md-6 col-md-offset-3">
      4
    </div>
  </div>

</div>

演示:http://bootply.com/SJ3EYuxOQM