Vertical align center image on bootstrap.

vertical-align.html

<div class="container">
 <div class="row">
  <div class="col-sm-6 vertical-center">
   <img src="https://www.google.com/textinputassistant/tia.png" alt="" />
  </div>
  <div class="col-sm-6">foo<br/>bar<br/>foo<br/>bar<br/>foo<br/>bar<br/></div>
 </div>
</div>

html,body,.container {
 height: 100%;
}
.container {
 display: table;
}
.row
{
 height: 100%;
 display: table-row;
}
.vertical-center
{
 display: table-cell;
 float: none;
 vertical-align: middle;
}