Bootstrap og Murværk

Integrer Masonry med Bootstrap-gittersystemet og kortkomponenten.

Murværk er ikke inkluderet i Bootstrap. Tilføj det ved at inkludere JavaScript-plugin manuelt eller ved at bruge et CDN som sådan:


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

Ved at tilføje data-masonry='{"percentPosition": true }'til .rowindpakningen kan vi kombinere kræfterne fra Bootstraps responsive gitter og Masonrys positionering.


Placeholder Image cap
Korttitel, der ombrydes til en ny linje

Dette er et længere kort med understøttende tekst nedenfor som en naturlig indledning til yderligere indhold. Dette indhold er lidt længere.

Et velkendt citat, indeholdt i et blokcitat-element.

Placeholder Image cap
Kortets titel

Dette kort har understøttende tekst nedenfor som en naturlig indledning til yderligere indhold.

Sidst opdateret for 3 minutter siden

Et velkendt citat, indeholdt i et blokcitat-element.

Kortets titel

Dette kort har en almindelig titel og et kort tekstafsnit under sig.

Sidst opdateret for 3 minutter siden

Placeholder Card image

Et velkendt citat, indeholdt i et blokcitat-element.

Kortets titel

Dette er endnu et kort med titel og understøttende tekst nedenfor. Dette kort har noget ekstra indhold for at gøre det lidt højere generelt.

Sidst opdateret for 3 minutter siden