在顶部堆叠2个div

Question

我过去曾使用过Bootstrap，但是找不到如何进行2个div的基本堆叠，它基本上是2个col-lg-6 divs坐在彼此的顶部，但是对于一个div来说它的左边（见图）。

HTML应如何查找？这一切都应该在一行中还是有特殊的类来做这个？

Answer 1

所以你需要一行，你想要col-6分区。在第二师，只需添加东西

DEMO：http://jsbin.com/hikopu/1/

---

<div class="row">

  <div class="col-lg-6">
    [left]
  </div>

  <div class="col-lg-6">
    [right]

    <div class="col-lg-12">
      [right top]
    </div>

    <div class="col-lg-12">
      [right bottom]
    </div>

  </div>

</div>