Bootstrap i Masonry

Integrirajte Masonry sa Bootstrap grid sistemom i komponentom kartica.

Zidanje nije uključeno u Bootstrap. Dodajte ga tako što ćete ručno uključiti JavaScript dodatak ili pomoću CDN-a:


<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 }'omotača .row, možemo kombinovati moći Bootstrap-ove responzivne mreže i Masonry-jevog pozicioniranja.

Placeholder Image cap
Naslov kartice koji se prelama u novi red

Ovo je duža kartica s pratećim tekstom ispod kao prirodni uvod u dodatni sadržaj. Ovaj sadržaj je malo duži.

Dobro poznati citat, sadržan u elementu blok citata.

Neko poznat u naslovu izvora
Placeholder Image cap
Naslov kartice

Ova kartica ima prateći tekst ispod kao prirodni uvod u dodatni sadržaj.

Posljednji put ažurirano prije 3 minute

Dobro poznati citat, sadržan u elementu blok citata.

Neko poznat u naslovu izvora
Naslov kartice

Ova kartica ima običan naslov i kratak pasus teksta ispod.

Posljednji put ažurirano prije 3 minute

Placeholder Card image

Dobro poznati citat, sadržan u elementu blok citata.

Neko poznat u naslovu izvora
Naslov kartice

Ovo je još jedna kartica sa naslovom i pratećim tekstom ispod. Ova kartica ima neki dodatni sadržaj koji je čini malo višom u cjelini.

Posljednji put ažurirano prije 3 minute