Bootstrap grid one full column and 2 stacked columns

Question

In Bootstrap, are we able to do something like this? A full column first and two stacked columns beside it. I tried nested grid but it is not working.

where is your testing code?put it here. – Dhanushka sasanka Oct 09 '19 at 07:49 — Dhanushka sasanka, Oct 09 '19 at 07:49

score 2 · Accepted Answer · answered Oct 09 '19 at 08:40

Try out this.i will explain this if the answer is correct

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

score 0 · Answer 2 · answered Oct 09 '19 at 07:59

Try this

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

Bootstrap grid one full column and 2 stacked columns

2 Answers2