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 .row
omslaget kan vi kombinera krafterna i Bootstraps responsiva rutnät och Masonrys positionering.
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.
Korttitel
Detta kort har stödtext nedan som en naturlig inledning till ytterligare innehåll.
Senast uppdaterad för 3 minuter sedan
Korttitel
Detta kort har en vanlig titel och ett kort textstycke under sig.
Senast uppdaterad för 3 minuter sedan
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