Bootstrap e Massoneria

Integra Masonry con il sistema di griglia Bootstrap e il componente delle carte.

La muratura non è inclusa in Bootstrap. Aggiungilo includendo manualmente il plug-in JavaScript o utilizzando un CDN in questo modo:


<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>
  

Aggiungendo data-masonry='{"percentPosition": true }'al .rowwrapper, possiamo combinare i poteri della griglia reattiva di Bootstrap e il posizionamento di Masonry.


Placeholder Image cap
Titolo della carta che va a capo su una nuova riga

Questa è una scheda più lunga con il testo di supporto di seguito come introduzione naturale a contenuti aggiuntivi. Questo contenuto è un po' più lungo.

Una citazione nota, contenuta in un elemento blockquote.

Placeholder Image cap
Titolo della carta

Questa scheda ha un testo di supporto di seguito come introduzione naturale a contenuti aggiuntivi.

Ultimo aggiornamento 3 minuti fa

Una citazione nota, contenuta in un elemento blockquote.

Titolo della carta

Questa carta ha un titolo regolare e un breve paragrafo di testo sotto di esso.

Ultimo aggiornamento 3 minuti fa

Placeholder Card image

Una citazione nota, contenuta in un elemento blockquote.

Titolo della carta

Questa è un'altra carta con titolo e testo di supporto sotto. Questa carta ha alcuni contenuti aggiuntivi per renderla leggermente più alta nel complesso.

Ultimo aggiornamento 3 minuti fa