/* 
    Use these classes to verticaly align bootstrap column.

    In this example, this first column will be align to top,
    the second will be align to bottom and the third will
    be align to middle.

    N.B. : The HTML comment between the column div is for remove the little
           space occured when using inline-block instead of float div.

    <div class="row row-valign">
        <div class="col-xs-4">
        </div><!--
        --><div class="col-xs-4 col-valign-bottom">
        </div><!--
        --><div class="col-xs-4 col-valign-middle">
        </div>
    </div>
*/
.row-valign > div {
    display: inline-block;
    float: none;
    vertical-align: top;
}
.row-valign .col-valign-bottom {
    vertical-align: bottom;
}
.row-valign .col-valign-middle {
    vertical-align: middle;
}