JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<div class="row row-table">
    <div class="col-md-4 col-cell" style="background-color: #8bc34a;">
         <h1>A</h1>
    </div>
    <div class="col-md-4 col-cell" style="background-color: #795548;">
        <p>b</p>
    </div>
    <div class="col-md-4 col-cell" style="background-color: #90a4ae;">
        <p>c</p>
    </div>
</div>

CSS

.row.row-table {
    display: table;
}
.row [class*="col-"].col-cell {
    display: table-cell;
    float: none;
    vertical-align: top;
}