Vertical align two div's in Bootstrap [HTML CSS]

If you are using the Bootstrap framework while working on an HTML webpage and want to align two div elements vertically, then the below code will help you achieve it.

<div class="container" id="container_div">
  <div class="row v-align" id="outer_div">
    <div class="col-xs-4" id="div_1">This is Div 1</div>
    <div class="col-xs-4" id="div_2">This is Div 2</div>
   </div>
</div>

.v-align {
    display: inline-block;
    float: none;
    vertical-align: middle;
}

Comments: