Bootstrap da Masonry

Haɗa Masonry tare da tsarin grid na Bootstrap da ɓangaren katunan.

Ba a haɗa Masonry a cikin Bootstrap ba. Ƙara shi ta haɗa da kayan aikin JavaScript da hannu, ko amfani da CDN kamar haka:


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

Ta ƙara data-masonry='{"percentPosition": true }'zuwa .rownannade, za mu iya haɗa ikon Bootstrap's grid mai amsawa da kuma matsayin Masonry.


Placeholder Image cap
Taken katin da ke lulluɓe zuwa sabon layi

Wannan kati ne mai tsayi tare da rubutu mai goyan baya a ƙasa azaman jagorar dabi'a zuwa ƙarin abun ciki. Wannan abun ciki ya ɗan fi tsayi.

Sanannen zance, wanda ke ƙunshe a cikin ɓangaren blockquote.

Placeholder Image cap
Taken katin

Wannan katin yana da rubutu mai goyan baya a ƙasa azaman jagorar halitta zuwa ƙarin abun ciki.

An sabunta ta ƙarshe mintuna 3 da suka gabata

Sanannen zance, wanda ke ƙunshe a cikin ɓangaren blockquote.

Taken katin

Wannan katin yana da take na yau da kullun da gajeriyar sakin layi na rubutu a ƙasansa.

An sabunta ta ƙarshe mintuna 3 da suka gabata

Placeholder Card image

Sanannen zance, wanda ke ƙunshe a cikin ɓangaren blockquote.

Taken katin

Wannan wani katin ne mai take da rubutu mai goyan baya a ƙasa. Wannan katin yana da wasu ƙarin abun ciki don sanya shi ɗan tsayi gabaɗaya.

An sabunta ta ƙarshe mintuna 3 da suka gabata