DEV Community

Cover image for Listado  con Bootstrap estilo Masonry sin JS
Luis Badiali
Luis Badiali

Posted on • Updated on

Listado con Bootstrap estilo Masonry sin JS

El HTML está maquetado con el preprocesador "Pug" y la hoja de estilos con "SCSS", no necesita JS. Las clases utilizadas son por defecto de Bootstrap, excepto la clase .card-block que la he creado para realizar el efecto en el :hover. También he utilizado la clase .stretched-link en el link para que sea "clicable" la tarjeta completa.

Espero que sea de ayuda. Cualquier comentario será bienvenido 👍

Listado  con Bootstrap 4 estilo Masonry sin JS

📎 Puedes cambiar el zoom de CodePen a 0.5x para ver la versión de escritorio

Discussion (0)