Bootstrap och murverk

Integrera Masonry med Bootstrap-rutnätssystemet och kortkomponenten.

Murverk ingår inte i Bootstrap. Lägg till det genom att inkludera JavaScript-plugin manuellt, eller använda ett CDN så här:


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

Genom att lägga data-masonry='{"percentPosition": true }'till .rowomslaget kan vi kombinera krafterna i Bootstraps responsiva rutnät och Masonrys positionering.

Placeholder Image cap
Korttitel som lindas till en ny rad

Detta är ett längre kort med stödtext nedan som en naturlig inledning till ytterligare innehåll. Detta innehåll är lite längre.

Ett välkänt citat, inkluderat i ett blockquote-element.

Någon känd i källtiteln
Placeholder Image cap
Korttitel

Detta kort har stödtext nedan som en naturlig inledning till ytterligare innehåll.

Senast uppdaterad för 3 minuter sedan

Ett välkänt citat, inkluderat i ett blockquote-element.

Någon känd i källtiteln
Korttitel

Detta kort har en vanlig titel och ett kort textstycke under sig.

Senast uppdaterad för 3 minuter sedan

Placeholder Card image

Ett välkänt citat, inkluderat i ett blockquote-element.

Någon känd i källtiteln
Korttitel

Detta är ytterligare ett kort med titel och stödtext nedan. Detta kort har lite extra innehåll för att göra det något högre totalt sett.

Senast uppdaterad för 3 minuter sedan