Bootstrap un Masonry
Integrējiet Masonry ar Bootstrap režģa sistēmu un karšu komponentu.
Mūrēšana nav iekļauta Bootstrap. Pievienojiet to, iekļaujot JavaScript spraudni manuāli vai izmantojot CDN, piemēram:
<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>
Pievienojot data-masonry='{"percentPosition": true }'
iesaiņojumam .row
, mēs varam apvienot Bootstrap reaģējošā režģa un Masonry pozicionēšanas spējas.
Kartītes nosaukums, kas tiek aplauzta jaunā rindā
Šī ir garāka kartīte ar atbalsta tekstu, kas ir dabisks ievads papildu saturam. Šis saturs ir nedaudz garāks.
Kartes nosaukums
Tālāk šajā kartītē ir papildu teksts, kas ir dabisks ievads papildu saturam.
Pēdējo reizi atjaunināts pirms 3 minūtēm
Kartes nosaukums
Šai kartītei ir parasts nosaukums un īsa teksta rindkopa zem tā.
Pēdējo reizi atjaunināts pirms 3 minūtēm
Kartes nosaukums
Šī ir vēl viena kartīte ar virsrakstu un atbalsta tekstu tālāk. Šai kartei ir papildu saturs, lai tā kopumā būtu nedaudz augstāka.
Pēdējo reizi atjaunināts pirms 3 minūtēm