Bootstrap ati Masonry

Ṣepọ Masonry pẹlu eto akoj Bootstrap ati paati awọn kaadi.

Masonry ko si ninu Bootstrap. Ṣafikun-un nipasẹ pẹlu pẹlu ohun itanna JavaScript pẹlu ọwọ, tabi lilo CDN bii bẹ:


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

Nipa fifi kun data-masonry='{"percentPosition": true }'si .rowmurasilẹ, a le darapọ awọn agbara ti Bootstrap's grid idahun ati ipo ti Masonry.


Placeholder Image cap
Kaadi akọle ti o murasilẹ si titun kan ila

Eyi jẹ kaadi to gun pẹlu ọrọ atilẹyin ni isalẹ bi itọsọna adayeba si akoonu afikun. Àkóónú yìí ti pẹ́ díẹ̀.

Ọrọ agbasọ ti a mọ daradara, ti o wa ninu nkan blockquote kan.

Placeholder Image cap
Akọle kaadi

Kaadi yii ni ọrọ atilẹyin ni isalẹ bi itọsọna adayeba si akoonu afikun.

Imudojuiwọn to kẹhin ni iṣẹju 3 sẹhin

Ọrọ agbasọ ti a mọ daradara, ti o wa ninu nkan blockquote kan.

Akọle kaadi

Kaadi yii ni akọle deede ati paragirafi kukuru ti ọrọ ni isalẹ rẹ.

Imudojuiwọn to kẹhin ni iṣẹju 3 sẹhin

Placeholder Card image

Ọrọ agbasọ ti a mọ daradara, ti o wa ninu nkan blockquote kan.

Akọle kaadi

Eyi jẹ kaadi miiran pẹlu akọle ati ọrọ atilẹyin ni isalẹ. Kaadi yii ni diẹ ninu akoonu afikun lati jẹ ki o ga ni apapọ.

Imudojuiwọn to kẹhin ni iṣẹju 3 sẹhin