JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div class="container">
<div class="row">
   <div class="col-md-6">
      <div class="col-md-12">
            Lorem ipsum col 1-1 text
       </div>
       <div class="col-md-12">
            Lorem ipsum col 1-2 text
       </div>
   </div>
   <div class="col-md-6">
       <div class="col-md-12">
            Lorem ipsum col 2 text
       </div>
       <div class="col-md-6">
             Sub col 1
       </div>
       <div class="col-md-6">
            Sub col 2
        </div>
   </div>
</div>
</div>

CSS

[class*="col-"] {
  
  min-height: 50px;
  border: 1px solid red;
}