Cómo hacer columnas con la misma altura en Bootstrap

by Aitor Rodríguez

HTML

<div class="row">
    <div class="col-md-3">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    </div>
    <div class="col-md-3">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    </div>
    <div class="col-md-3">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    </div>
    <div class="col-md-3">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    </div>
</div>

CSS

.row {
    display: table;
}
.row [class*="col-"] {
    display: table-cell;
    /* Propiedades de estilo, no afectan al funcionamiento */
    text-align: center;
    background-color: #ddd;
    color: #666;
    border: 10px solid #eee;
}