Bootstrap en metselwerk

Integreer metselwerk met het Bootstrap-rastersysteem en de kaartcomponent.

Metselwerk is niet inbegrepen in Bootstrap. Voeg het toe door de JavaScript-plug-in handmatig op te nemen, of door een CDN te gebruiken zoals:


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

Door data-masonry='{"percentPosition": true }'aan de .rowwrapper toe te voegen, kunnen we de krachten van het responsieve raster van Bootstrap en de positionering van Masonry combineren.


Placeholder Image cap
Kaarttitel die doorloopt in een nieuwe regel

Dit is een langere kaart met onderstaande ondersteunende tekst als natuurlijke inleiding tot aanvullende inhoud. Deze inhoud is iets langer.

Een bekende quote, vervat in een blockquote-element.

Placeholder Image cap
Kaart titel

Deze kaart heeft onderstaande ondersteunende tekst als een natuurlijke inleiding tot aanvullende inhoud.

Laatst bijgewerkt 3 minuten geleden

Een bekende quote, vervat in een blockquote-element.

Kaart titel

Deze kaart heeft een gewone titel en een korte alinea met tekst eronder.

Laatst bijgewerkt 3 minuten geleden

Placeholder Card image

Een bekende quote, vervat in een blockquote-element.

Kaart titel

Dit is nog een kaart met titel en ondersteunende tekst hieronder. Deze kaart heeft wat extra inhoud om hem over het algemeen iets groter te maken.

Laatst bijgewerkt 3 minuten geleden