Bootstrap ɛn Masonri

Integrate Masonry wit di Bootstrap grid sistem ɛn kad dɛn kɔmpɔnɛnt.

Masonry nɔ de insay Bootstrap. Ad am bay we yu put di JavaSkript plɔgin wit yu an, ɔ yuz CDN lɛk dat:


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

Bay we wi ad data-masonry='{"percentPosition": true }'to di .rowwrap, wi kin jɔyn di pawa dɛn we Bootstrap in rispɔnsiv grid gɛt ɛn di Masonry in pozishɔn.


Placeholder Image cap
Kad taytul we de rap to nyu layn

Dis na kad we lɔng pasmak wit sɔpɔt tɛks dɔŋ ya as natura l lida-in fɔ ɔda tin dɛn. Dis kɔntinyu fɔ lɔng smɔl.

Wan kot we bɔku pipul dɛn sabi, we de insay wan blɔkkɔt ɛlimɛnt.

Placeholder Image cap
Taytul fɔ di kad

Dis kad gɛt sɔpɔt tɛks dɔŋ ya as natura l lida-in fɔ ɔda tin dɛn.

Las apdet 3 mins bifo

Wan kot we bɔku pipul dɛn sabi, we de insay wan blɔkkɔt ɛlimɛnt.

Taytul fɔ di kad

Dis kad gɛt taytul ɔltɛm ɛn shɔt paregraf we de dɔŋ am.

Las apdet 3 mins bifo

Placeholder Card image

Wan kot we bɔku pipul dɛn sabi, we de insay wan blɔkkɔt ɛlimɛnt.

Taytul fɔ di kad

Dis na ɔda kad we gɛt taytul ɛn sɔpɔt tɛks dɔŋ ya. Dis kad gɛt sɔm ɔda tin dɛn fɔ mek i lɔng smɔl ɔltogɛda.

Las apdet 3 mins bifo