Como ven, el recuadro de la última fila está pegado a la fila de arriba, quisiera que todo se alinee a la misma altura.
Este es mi código utilizando bootstrap:
Código HTML:
<div class="container-fluid"> <div class="row"> <div class="col-lg-3 alto"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit cumque ducimus at corporis numquam soluta fuga, possimus inventore architecto voluptatem.</p></div> <div class="col-lg-3 alto"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem minima non accusantium ducimus pariatur modi omnis veritatis animi, labore ab dignissimos neque veniam quibusdam. Fugiat id ipsum adipisci vel porro.</p></div> <div class="col-lg-3 alto"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo beatae omnis in quam impedit possimus non voluptates, cupiditate placeat culpa!</p></div> <div class="col-lg-3 alto"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas, assumenda?</p></div> <div class="col-lg-3 alto"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam veniam qui libero nostrum dignissimos eligendi dolor pariatur, doloremque aut porro.</p></div> <div class="col-lg-3 alto"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla pariatur labore dolore laudantium facilis nam iure, voluptate sunt a libero sapiente inventore obcaecati. Delectus, commodi est cumque blanditiis amet? Cupiditate?</p></div> <div class="col-lg-3 alto"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe nemo ducimus delectus animi ea libero numquam in non modi consequatur!</p></div> <div class="col-lg-3 alto"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic, nisi?</p></div> </div> </div>