Make adjacent cells same height and vertical align content in both

vertical-aligned-cells.html

<style type="text/css">
.row {
    display: table;
}
.row [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: top;
}
</style>
<div class="container">
  <div class="row">
    <div class="col-xs-3 col-sm-2 col-md-2 col-lg-2" style="max-width:102px; vertical-align:middle;">
      <!-- CONTENT -->
      <img src="http://placehold.it/72x72">
    </div>
    <div class="col-xs-6 col-sm-4" style="vertical-align: middle;">
      <!-- CONTENT -->
      TEXT
    </div>
  </div>
</div>