How can I make Bootstrap columns all the same height?

Welcome to designers dairy blog here, we are going to discuss about, How to make the columns height equal in bootstrap framework.

Step1:

We have to write custom class for row called row-eq-height which makes all the columns height equal
 
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

Step2:




 

Step3: 

Enjoy folks

Source taken from http://getbootstrap.com.vn/examples/equal-height-columns/