How to do Vertical Align Column in Bootstrap

Fastest method to align columns vertically on Boostrap 3. I spent hours finding a good solution for this and finally found it.

Tweet
Share
Share
Pin

This is a Short CSS Snippet that will help you align columns vertically in the middle for whenever needed. 

CSS

.vertical-align {
  display: flex;
  flex-direction: row;
}

.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] {
  display: flex;
  align-items: center;
  justify-content: center; /* Optional, to align inner items 
                              horizontally inside the column */
}

Enjoy!