JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="container">
  <p>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique ex nec mi imperdiet, ac dictum lacus egestas. Cras semper ipsum sem, nec tristique est molestie non. Donec diam eros, pellentesque ut diam eget, cursus scelerisque orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi in aliquet massa. Nullam egestas blandit lobortis. Donec iaculis et massa non condimentum. 
  </p>
  <div class="row">
    <div class="col-sm-4" id="red">
      <h2>Lorem</h2>
      <p>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique ex nec mi imperdiet, ac dictum lacus egestas. Cras semper ipsum sem, nec tristique est molestie non. Donec diam eros, pellentesque ut diam eget, cursus scelerisque orci. Vestibulum ante ipsum primis in faucibus o
      </p>
    </div>
    <div class="col-sm-8" id="blue">
      <h2>ipsum</h2>
      <p>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique ex nec mi imperdiet, ac dictum lacus egestas. Cras semper ipsum sem, 
      </p>
    </div>
  </div>
</div>

CSS

#red {
  background: red;
}

#blue {
  background: blue;
  color: white;
}