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.
Labi zināms citāts, kas ietverts blockquote elementā.
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
Labi zināms citāts, kas ietverts blockquote elementā.
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
Labi zināms citāts, kas ietverts blockquote elementā.
Kartes nosaukums
Šī ir vēl viena kartīte ar nosaukumu 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