Como mostrar post en 3 columnas??

YeltsinReyes · 21 Abr 2017

Hola, lo que quiero hacer es mostrar todos los post en 3 columnas para que se ven en forma de cascadade la siguiente manera.

Ejemplo

PHP:

<div class="row">
	<div class="col-lg-4">
		Post 1
		Post 4
	</div>
	<div class="col-lg-4">
		Post 2
		Post 5
	</div>
	<div class="col-lg-4">
		Post 3
		Post 6
	</div>
</div>

Carlosmax · 21 Abr 2017

Estás trabajando con wordpress o como?

goldfish · 21 Abr 2017

eso no es php, es html con css, veo que pretendes usar bootstrap, en la misma página te enseñan cómo hacer el diseño fluído con ejemplos y todo ello, deberías darle una mirada Bootstrap · The world's most popular mobile-first and responsive front-end framework.

YeltsinReyes · 21 Abr 2017

Carlosmax dijo:
Estás trabajando con wordpress o como?

No, solo php + mysqli

- - - Actualizado - - -

goldfish dijo:
eso no es php, es html con css, veo que pretendes usar bootstrap, en la misma página te enseñan cómo hacer el diseño fluído con ejemplos y todo ello, deberías darle una mirada Bootstrap · The world's most popular mobile-first and responsive front-end framework.

El problema es que para que quede bien las columnas tiene que tener el mismo alto de lo contrario se ve feo el dise;o!

goldfish · 21 Abr 2017

YeltsinGraphs dijo:
No, solo php + mysqli

- - - Actualizado - - -

El problema es que para que quede bien las columnas tiene que tener el mismo alto de lo contrario se ve feo el dise;o!

Con bootstrap puedes hacer lo siguiente Bootstrap 100% width + height fluid with BS3 snippet - dMxthHndib
diseño fluído con 2 columnas en ancho y largo, espero te sirva.

- - - Actualizado - - -

YeltsinGraphs dijo:
No, solo php + mysqli

- - - Actualizado - - -

El problema es que para que quede bien las columnas tiene que tener el mismo alto de lo contrario se ve feo el dise;o!

Aca con 3 columnas

Bootstrap 100% width + height fluid with BS3 SPVh0MLY6m

YeltsinReyes · 21 Abr 2017

goldfish dijo:
Con bootstrap puedes hacer lo siguiente Bootstrap 100% width + height fluid with BS3 snippet - dMxthHndib
diseño fluído con 2 columnas en ancho y largo, espero te sirva.

yo quiero hacerlo como esta imagen pero el problema que cuando una columnas es mas grande que las otras ya el dise;o de ve feo
y quedan muchos espacios en blanco!

nestornoe · 23 Abr 2017

Hola

Ese que quieres crear no se hace con bootstrap, usa este por ejemplo

Masonry

Saludos

YeltsinReyes · 25 Abr 2017

nestornoe dijo:
Hola

Ese que quieres crear no se hace con bootstrap, usa este por ejemplo

Masonry

Saludos

Muchas gracias man, lo usare! :encouragement:

Como mostrar post en 3 columnas??

YeltsinReyes

Carlosmax

goldfish

YeltsinReyes

goldfish

YeltsinReyes

nestornoe

YeltsinReyes

Temas similares