Bootstrap i masonerija

Integrirajte Masonry s Bootstrap mrežnim sustavom i komponentom kartica.

Zidarstvo nije uključeno u Bootstrap. Dodajte ga ručnim uključivanjem JavaScript dodatka ili pomoću CDN-a na sljedeći način:


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

Dodavanjem data-masonry='{"percentPosition": true }'ovojnici .rowmožemo kombinirati moći Bootstrapove responzivne mreže i Masonryjevog pozicioniranja.

Placeholder Image cap
Naslov kartice koji se prelama u novi redak

Ovo je duža kartica s pratećim tekstom u nastavku kao prirodnim uvodom u dodatni sadržaj. Ovaj sadržaj je malo duži.

Dobro poznati citat, sadržan u elementu blockquote.

Netko poznat u naslovu izvora
Placeholder Image cap
Naslov kartice

Ova kartica ima popratni tekst u nastavku kao prirodni uvod u dodatni sadržaj.

Zadnji put ažurirano prije 3 minute

Dobro poznati citat, sadržan u elementu blockquote.

Netko poznat u naslovu izvora
Naslov kartice

Ova kartica ima uobičajeni naslov i kratki odlomak teksta ispod njega.

Zadnji put ažurirano prije 3 minute

Placeholder Card image

Dobro poznati citat, sadržan u elementu blockquote.

Netko poznat u naslovu izvora
Naslov kartice

Ovo je još jedna kartica s naslovom i popratnim tekstom ispod. Ova kartica ima dodatni sadržaj koji je čini malo višom u cjelini.

Zadnji put ažurirano prije 3 minute