Bootstrap y Masonry
Integra Masonry con el sistema de cuadrícula de Bootstrap y el componente de tarjetas.
Masonry no está incluido en Bootstrap. Añádelo incluyendo el plugin de JavaScript manualmente, o usando un CDN así:
<script src="https://cdn.jsdelivr.net/npm/masonry-layout@4.2.2/dist/masonry.pkgd.min.js" integrity="sha384-GNFwBvfVxBkLMJpYMOABq3c+d3KnQxudP/mGPkzpZSTYykLBNsZEnG2D9G/X/+7D" crossorigin="anonymous" async></script>
Al añadir data-masonry='{"percentPosition": true }' al contenedor .row,
podemos combinar el poder de la cuadrícula responsive de Bootstrap y el posicionamiento de Masonry.
Título de tarjeta que ocupa una nueva línea
Esta es una card más larga con texto de apoyo abajo como introducción natural a contenido adicional. Este contenido es un poco más largo.
Una cita conocida, contenida en un elemento blockquote.
Título de card
Esta card tiene texto de apoyo abajo como introducción natural a contenido adicional.
Última actualización hace 3 minutos
Una cita conocida, contenida en un elemento blockquote.
Título de card
Esta tarjeta tiene un título regular y un párrafo corto de texto debajo.
Última actualización hace 3 minutos
Una cita conocida, contenida en un elemento blockquote.
Título de card
Esta es otra tarjeta con título y texto de apoyo debajo. Esta tarjeta tiene algo de contenido adicional para hacerla un poco más alta en general.
Última actualización hace 3 minutos