CodePen Embed - 6. "Grid Within a Grid: Nesting Columns"

<div class="container">
  <div class="row">
    <div class="col-md-6">
      Outer Column
      <div class="row">
        <div class="col-md-6">Inner Column 1</div>
        <div class="col-md-6">Inner Column 2</div>
      </div>
    </div>
    <div class="col-md-6">Outer Column 2</div>
  </div>
</div>

Run Pen

This Pen is owned by Training Course on CodePen.

See more by @Training-Course on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.