Bootstrap e Masonería

Integra Masonry co sistema de reixa Bootstrap e o compoñente de tarxetas.

A albanelería non está incluída en Bootstrap. Engádeo incluíndo o complemento de JavaScript manualmente ou usando un CDN como este:


<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/masonry.pkgd.min.js" integrity="sha384-GNFwBvfVxBkLMJpYMOABq3c+d3KnQxudP/mGPkzpZSTYykLBNsZEnG2D9G/X/+7D" crossorigin="anonymous" async></script>
  

Ao engadir data-masonry='{"percentPosition": true }'ao .rowenvoltorio, podemos combinar os poderes da grella sensible de Bootstrap e o posicionamento de Masonry.


Placeholder Image cap
Título da tarxeta que se envolve nunha nova liña

Esta é unha tarxeta máis longa con texto de apoio a continuación como inicio natural de contido adicional. Este contido é un pouco máis longo.

Unha cita coñecida, contida nun elemento blockquote.

Placeholder Image cap
Título da tarxeta

Esta tarxeta ten texto de apoio a continuación como un inicio natural de contido adicional.

Última actualización hai 3 minutos

Unha cita coñecida, contida nun elemento blockquote.

Título da tarxeta

Esta tarxeta ten un título normal e un breve parágrafo de texto debaixo.

Última actualización hai 3 minutos

Placeholder Card image

Unha cita coñecida, contida nun elemento blockquote.

Título da tarxeta

Esta é outra tarxeta co título e texto de apoio a continuación. Esta tarxeta ten algún contido adicional para facelo un pouco máis alto en xeral.

Última actualización hai 3 minutos