Bootstrap equal height columns
.row-eq-height {
@media screen and (min-width: 768px) {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
//para visualizar el efecto - test
> [class*="col-"] {
padding-top: 15px;
padding-bottom: 15px;
background-color: #eee;
border: 1px solid #ddd;
}
}
// Si tenemos elementos dentro que queremos que se adapten al height
.elemento-dentro {
display: flex;
}
** Uses flexbox / requires IE9+ **
Source: http://getbootstrap.com.vn/examples/equal-height-columns/
Ver tambien: http://www.minimit.com/articles/solutions-tutorials/bootstrap-3-responsive-columns-of-same-height
<div class="row-eq-height">
<div class="col-sm-6">...</div>
<div class="col-sm-6">...</div>
</div>