JSFiddle - React, Tailwind, and code Playground

by Torwan

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<div class="container">
  <div class="table-container">
    <div class="col-table-cell col-lg-4">A<br>A<br>A<br>A<br>A<br>A<br>A</div>
    <div class="col-table-cell col-lg-5">B</div>
    <div class="col-table-cell col-lg-3">C</div>
  </div>
</div>

CSS

.col-table-cell {
    background: #ffdddd;
    text-align: center;
}
.col-table-cell.col-lg-5 {
    background: #ddffdd;
}
.col-table-cell.col-lg-3 {
    background: #ffffdd;
}

@media (min-width: 1200px) {

     .table-container {
        display: table;
        width: 100%;
    }

    .table-container .col-table-cell {
        display: table-cell;
        vertical-align: middle;
        float: none;
    }
}