Bootstrap sareng Masonry
Integrasikeun Masonry sareng sistem grid Bootstrap sareng komponén kartu.
Masonry henteu kalebet dina Bootstrap. Tambahkeun deui ku ngalebetkeun plugin JavaScript sacara manual, atanapi nganggo CDN sapertos kitu:
<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>
Ku nambihan data-masonry='{"percentPosition": true }'
bungkus .row
, urang tiasa ngagabungkeun kakuatan grid responsif Bootstrap sareng posisi Masonry.
Judul kartu nu wraps kana garis anyar
Ieu mangrupikeun kartu anu langkung panjang kalayan téks pangrojong di handap ieu salaku pitunjuk alami pikeun kontén tambahan. eusi ieu saeutik saeutik deui.
Judul kartu
Kartu ieu ngagaduhan téks pangrojong di handap salaku pamimpin alami pikeun eusi tambahan.
Panungtungan diropéa 3 mins ago
Judul kartu
Kartu ieu ngagaduhan judul biasa sareng paragraf pondok téks di handapna.
Panungtungan diropéa 3 mins ago
Judul kartu
Ieu kartu sejen kalawan judul jeung téks ngarojong handap. Kartu ieu ngagaduhan sababaraha eusi tambahan supados rada jangkung sadayana.
Panungtungan diropéa 3 mins ago