Bootstrap 网格一整列和 2 个堆叠列[重复]

【问题标题】：Bootstrap grid one full column and 2 stacked columns [duplicate]Bootstrap 网格一整列和 2 个堆叠列[重复]
【发布时间】：2019-10-09 16:54:37
【问题描述】：

在 Bootstrap 中，我们可以做这样的事情吗？首先是一个完整的柱子，旁边是两个堆叠的柱子。我试过嵌套网格，但它不起作用。

【问题讨论】：

你的测试代码在哪里？放在这里。

标签： css bootstrap-4 angular-ui-bootstrap

【解决方案1】：

试试这个。如果答案正确，我会解释这个

  <div class="row ">
      <div class="col-md-6 col-sm-6 p-0">
         <div class="bg-dark">
            my life its always null..
         </div>
      </div>

      <div class="col-md-6 col-sm-6 p-0 ">
         <div class="row ">
            <div class="col-sm-12 bg-primary ">
               THE Iternal Love 1
            </div>
            <div class="col-sm-12 bg-primary ">
               THE Iternal Love 2
            </div>

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

【讨论】：

【解决方案2】：

试试这个

   <div class="row">
      <div class="col-sm-6">
        Content
      </div>
      <div class="col-sm-6">
        <div class="row">
           <div class="col-sm-12">
             Content2
           </div>
        </div>
        <div class="row">
           <div class="col-sm-12">   
             Content3
           </div>
         </div> 
      </div>
    </div>

【讨论】：