I-Bootstrap kunye neMasonry

Hlanganisa i- Masonry kunye ne-Bootstrap grid system kunye necandelo lamakhadi.

IMasonry ayiqukwanga kwiBootstrap. Yongeza ngokubandakanya iplagi yeJavaScript ngesandla, okanye usebenzisa iCDN ngolu hlobo:


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

Ngokongeza data-masonry='{"percentPosition": true }'kwi- .rowwrapper, sinokudibanisa amandla egridi ye-Bootstrap ephendulayo kunye nokuma kweMasonry.


Placeholder Image cap
Isihloko sekhadi esonga kumgca omtsha

Eli likhadi elide elinombhalo oxhasayo ongezantsi njengento ekhokelela kwindalo kumxholo owongezelelweyo. Lo mxholo umde kancinane.

Isicatshulwa esaziwayo, esiqulethwe kwi-blockquote element.

Placeholder Image cap
Isihloko sekhadi

Eli khadi linombhalo oxhasayo ongezantsi njengento ekhokelela kwindalo kumxholo owongezelelweyo.

Igqityelwe ukuvuselelwa kwimizuzu emi-3 edluleyo

Isicatshulwa esaziwayo, esiqulethwe kwi-blockquote element.

Isihloko sekhadi

Eli khadi linesihloko esiqhelekileyo kunye nomhlathi omfutshane wesicatshulwa ngaphantsi kwayo.

Igqityelwe ukuvuselelwa kwimizuzu emi-3 edluleyo

Placeholder Card image

Isicatshulwa esaziwayo, esiqulethwe kwi-blockquote element.

Isihloko sekhadi

Eli lelinye ikhadi elinesihloko kunye nesicatshulwa esixhasayo ngezantsi. Eli khadi linomxholo owongezelelweyo wokulenza libe lide kancinane xa lilonke.

Igqityelwe ukuvuselelwa kwimizuzu emi-3 edluleyo