Bootstrap lan Masonry

Integrasi Masonry karo sistem kothak Bootstrap lan komponen kertu.

Masonry ora kalebu ing Bootstrap. Tambahake kanthi kalebu plugin JavaScript kanthi manual, utawa nggunakake CDN kaya mangkene:


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

Kanthi nambahake pambungkus, data-masonry='{"percentPosition": true }'kita .rowbisa nggabungake kekuwatan kothak responsif Bootstrap lan posisi Masonry.

Placeholder Image cap
Judhul kertu sing mbungkus menyang baris anyar

Iki minangka kertu sing luwih dawa kanthi teks dhukungan ing ngisor iki minangka timbal alami kanggo konten tambahan. Isi iki rada suwe.

Kutipan kondhang, sing ana ing unsur blockquote.

Wong sing misuwur ing Judhul Sumber
Placeholder Image cap
Judhul kertu

Kertu iki nduweni teks pendukung ing ngisor iki minangka timbal alami kanggo isi tambahan.

Dianyari pungkasan 3 menit kepungkur

Kutipan kondhang, sing ana ing unsur blockquote.

Wong sing misuwur ing Judhul Sumber
Judhul kertu

Kertu iki nduweni judhul biasa lan paragraf teks ing ngisor iki.

Dianyari pungkasan 3 menit kepungkur

Placeholder Card image

Kutipan kondhang, sing ana ing unsur blockquote.

Wong sing misuwur ing Judhul Sumber
Judhul kertu

Iki kertu liyane kanthi judhul lan teks dhukungan ing ngisor iki. Kertu iki nduweni isi tambahan supaya rada dhuwur sakabèhé.

Dianyari pungkasan 3 menit kepungkur