Бутстрап і масонства

Інтэграцыя Masonry з сеткавай сістэмай Bootstrap і кампанентам карт.

Масонства не ўваходзіць у Bootstrap. Дадайце яго, уключыўшы плагін JavaScript уручную або выкарыстоўваючы CDN, напрыклад:


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

Дадаючы data-masonry='{"percentPosition": true }'да .rowабгорткі, мы можам аб'яднаць паўнамоцтвы адаптыўнай сеткі Bootstrap і пазіцыянавання Masonry.

Placeholder Image cap
Назва карткі, якая пераходзіць на новы радок

Гэта больш доўгая картка з дапаможным тэкстам унізе ў якасці натуральнага ўводу да дадатковага кантэнту. Гэты кантэнт крыху даўжэйшы.

Добра вядомая цытата, якая змяшчаецца ў элеменце blockquote.

Нехта вядомы ў назве крыніцы
Placeholder Image cap
Назва карты

Гэтая картка мае дапаможны тэкст унізе як натуральнае ўвядзенне да дадатковага кантэнту.

Апошняе абнаўленне 3 хвіліны таму

Добра вядомая цытата, якая змяшчаецца ў элеменце blockquote.

Нехта вядомы ў назве крыніцы
Назва карты

Гэтая карта мае звычайны загаловак і кароткі абзац тэксту пад ім.

Апошняе абнаўленне 3 хвіліны таму

Placeholder Card image

Добра вядомая цытата, якая змяшчаецца ў элеменце blockquote.

Нехта вядомы ў назве крыніцы
Назва карты

Гэта яшчэ адна карта з назвай і дапаможным тэкстам ніжэй. Гэтая карта мае дадатковы кантэнт, каб зрабіць яе крыху вышэйшай у цэлым.

Апошняе абнаўленне 3 хвіліны таму