Bootstrap ne Abo a Wɔde Yɛ Abo

Fa Masonry ne Bootstrap grid nhyehyɛe ne kaad fã no bom.

Masonry nka Bootstrap ho. Fa ka ho denam JavaScript plugin no a wode wo nsa bɛka ho, anaasɛ wode CDN te sɛ saa a wode bedi dwuma no so:


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

Ɛdenam ka a yɛde data-masonry='{"percentPosition": true }'bɛka .rowwrapper no ho so no, yebetumi aka tumi ahorow a ɛwɔ Bootstrap mmuae grid ne Masonry gyinabea no abom.


Placeholder Image cap
Kaad asɛmti a ɛkyekyere nsɛm foforo

Eyi yɛ kaad tenten a nsɛm a ɛfoa so wɔ ase hɔ sɛ abɔde mu ade a ɛma wonya nsɛm foforo. Saa nsɛm yi yɛ tenten kakra.

Asɛm a wɔafa aka a wonim no yiye, a ɛwɔ blockquote element bi mu.

Placeholder Image cap
Kaad no asɛmti

Saa kaad yi wɔ nsɛm a ɛfoa so wɔ ase hɔ sɛ abɔde mu ade a ɛma wonya nsɛm foforo.

Wɔyɛɛ no ​​foforo koraa 3 mins a atwam ni

Asɛm a wɔafa aka a wonim no yiye, a ɛwɔ blockquote element bi mu.

Kaad no asɛmti

Saa kratasin yi wɔ asɛmti a wɔde di dwuma daa ne nsɛm a wɔakyerɛw no nkyekyem tiawa wɔ n’ase.

Wɔyɛɛ no ​​foforo koraa 3 mins a atwam ni

Placeholder Card image

Asɛm a wɔafa aka a wonim no yiye, a ɛwɔ blockquote element bi mu.

Kaad no asɛmti

Eyi yɛ kaad foforo a asɛmti ne nsɛm a ɛfoa so wɔ ase hɔ. Saa kaad yi wɔ nneɛma foforo bi a ɛbɛma ne nyinaa ayɛ tenten kakra.

Wɔyɛɛ no ​​foforo koraa 3 mins a atwam ni