Foros del Web » Creando para Internet » Diseño web »

celdas de textos con distintos altos

Estas en el tema de celdas de textos con distintos altos en el foro de Diseño web en Foros del Web. Hola a todos, espero que me puedan ayudar con esto. Como ven, el recuadro de la última fila está pegado a la fila de arriba, ...
  #1 (permalink)  
Antiguo 12/08/2016, 16:17
 
Fecha de Ingreso: septiembre-2007
Mensajes: 49
Antigüedad: 17 años, 2 meses
Puntos: 3
Pregunta celdas de textos con distintos altos

Hola a todos, espero que me puedan ayudar con esto.



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> 
Desde ya gracias!!
  #2 (permalink)  
Antiguo 24/08/2016, 01:12
 
Fecha de Ingreso: abril-2015
Mensajes: 189
Antigüedad: 9 años, 7 meses
Puntos: 14
Respuesta: celdas de textos con distintos altos

Te lo he hecho sin bootstrap pero es lo mismo.

http://codepen.io/anon/pen/bZPbRN

Dentro del row puedes crear 2 celdas de 12 y dentro de estas 4 de 3, supongo que sera lo mas sencillo.

Etiquetas: alinear, altura, bootstrap, listas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:29.