Bootstrap网格一整列和2叠的列

Question

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

Answer 1

尝试一下

   <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> 

Answer 2

尝试这个。如果答案正确，我将对此进行解释

  <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>