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.


Placeholder Image cap
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.

A cutatan well-dipikawanoh, dikandung dina unsur blockquote.

Placeholder Image cap
Judul kartu

Kartu ieu ngagaduhan téks pangrojong di handap salaku pamimpin alami pikeun eusi tambahan.

Panungtungan diropéa 3 mins ago

A cutatan well-dipikawanoh, dikandung dina unsur blockquote.

Judul kartu

Kartu ieu ngagaduhan judul biasa sareng paragraf pondok téks di handapna.

Panungtungan diropéa 3 mins ago

Placeholder Card image

A cutatan well-dipikawanoh, dikandung dina unsur blockquote.

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