JSFiddle - React, Tailwind, and code Playground

by Oleh Aloshkin

HTML

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div class="container-fluid">
  <div class="row">
    <div class="col-md-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus accusantium ut distinctio nemo quas laborum, incidunt obcaecati, dolores architecto sapiente, repudiandae reiciendis accusamus reprehenderit nihil libero maiores voluptates eligendi. Reprehenderit.</div>
    <div class="col-md-8">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam ea, qui rerum laudantium delectus totam iste sunt nulla aperiam quos. Provident consequatur non, officia cumque doloremque eligendi, autem esse odio. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit consectetur debitis nam, vitae aperiam fuga quasi, molestiae minus error fugiat dolorum optio perspiciatis, incidunt officia. Aliquam porro nam culpa ad. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit consectetur debitis nam, vitae aperiam fuga quasi, molestiae minus error fugiat dolorum optio perspiciatis, incidunt officia. Aliquam porro nam culpa ad.</div>
  </div>
</div>

CSS

.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.row > [class*='col-'] {
  display: flex;
  flex-direction: column;
  background: #0ff;
}