Bootstrap en Masonry

Integreer messelwerk met die Bootstrap-roosterstelsel en kaartkomponent.

Messelwerk is nie by Bootstrap ingesluit nie. Voeg dit by deur die JavaScript-inprop handmatig in te sluit, of deur 'n CDN te gebruik soos 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>
  

Deur by data-masonry='{"percentPosition": true }'die .rowomhulsel by te voeg, kan ons die kragte van Bootstrap se responsiewe rooster en Masonry se posisionering kombineer.


Placeholder Image cap
Kaarttitel wat na 'n nuwe reël toevou

Dit is 'n langer kaart met ondersteunende teks hieronder as 'n natuurlike inleiding tot bykomende inhoud. Hierdie inhoud is 'n bietjie langer.

'n Bekende aanhaling, vervat in 'n blokaanhalingselement.

Placeholder Image cap
Kaart titel

Hierdie kaart het ondersteunende teks hieronder as 'n natuurlike inleiding tot bykomende inhoud.

Laas opgedateer 3 minute gelede

'n Bekende aanhaling, vervat in 'n blokaanhalingselement.

Kaart titel

Hierdie kaart het 'n gereelde titel en kort paragraaf teks daaronder.

Laas opgedateer 3 minute gelede

Placeholder Card image

'n Bekende aanhaling, vervat in 'n blokaanhalingselement.

Kaart titel

Dit is nog 'n kaart met titel en ondersteunende teks hieronder. Hierdie kaart het bykomende inhoud om dit in die algemeen effens groter te maak.

Laas opgedateer 3 minute gelede