Bootstrap in zidarstvo

Integrirajte Masonry z mrežnim sistemom Bootstrap in komponento kartic.

Zidarstvo ni vključeno v Bootstrap. Dodajte ga tako, da ročno vključite vtičnik JavaScript ali uporabite CDN takole:


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

Z dodajanjem ovoju data-masonry='{"percentPosition": true }'lahko .rowzdružimo moči Bootstrapove odzivne mreže in Masonryjevega pozicioniranja.

Placeholder Image cap
Naslov kartice, ki se previje v novo vrstico

To je daljša kartica s spodnjim podpornim besedilom kot naravnim uvodom v dodatno vsebino. Ta vsebina je malo daljša.

Dobro znani citat, vsebovan v elementu blockquote.

Nekdo znan v naslovu vira
Placeholder Image cap
Naslov kartice

Ta kartica ima spodaj spremno besedilo kot naravni uvod v dodatno vsebino.

Nazadnje posodobljeno pred 3 minutami

Dobro znani citat, vsebovan v elementu blockquote.

Nekdo znan v naslovu vira
Naslov kartice

Ta kartica ima običajni naslov in kratek odstavek besedila pod njim.

Nazadnje posodobljeno pred 3 minutami

Placeholder Card image

Dobro znani citat, vsebovan v elementu blockquote.

Nekdo znan v naslovu vira
Naslov kartice

To je še ena kartica z naslovom in podpornim besedilom spodaj. Ta kartica ima nekaj dodatne vsebine, da je na splošno nekoliko višja.

Nazadnje posodobljeno pred 3 minutami