JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="row">
    <div class="col-xs-3" style="height:150px;">
    </div>
    <div class="col-xs-3" style="height:120px;">
    </div>
    <div class="col-xs-3" style="height:170px;">
    </div>
    <div class="col-xs-3" style="height:140px;">
    </div>
    <div class="col-xs-3" style="height:150px;background-color:#FF0000;">
    </div>
</div>
<hr></hr:>
<div class="row fix">
    <div class="col-xs-3" style="height:150px;">
    </div>
    <div class="col-xs-3" style="height:120px;">
    </div>
    <div class="col-xs-3" style="height:170px;">
    </div>
    <div class="col-xs-3" style="height:140px;">
    </div>
    <div class="col-xs-3" style="height:150px;background-color:#FF0000;">
    </div>
</div>

CSS

.col-xs-3 {
  background-color:#333;
}
.row.fix {
  display: flex;
  flex-wrap: wrap;
}