Bootstrap a Murivo

Integrujte Masonry s mriežkovým systémom Bootstrap a komponentom kariet.

Murivo nie je súčasťou Bootstrapu. Pridajte ho manuálnym zahrnutím doplnku JavaScript alebo pomocou CDN, ako je toto:


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

Pridaním data-masonry='{"percentPosition": true }'do .rowobalu môžeme skombinovať sily citlivej mriežky Bootstrapu a polohovania Masonry.


Placeholder Image cap
Názov karty, ktorý sa zalomí do nového riadku

Toto je dlhšia karta s podporným textom nižšie ako prirodzený úvod k ďalšiemu obsahu. Tento obsah je trochu dlhší.

Známy citát obsiahnutý v prvku blockquote.

Placeholder Image cap
Názov karty

Táto karta má nižšie uvedený podporný text ako prirodzený návod na ďalší obsah.

Naposledy aktualizované pred 3 minútami

Známy citát obsiahnutý v prvku blockquote.

Názov karty

Táto karta má bežný názov a pod ňou krátky odsek textu.

Naposledy aktualizované pred 3 minútami

Placeholder Card image

Známy citát obsiahnutý v prvku blockquote.

Názov karty

Toto je ďalšia karta s názvom a podporným textom nižšie. Táto karta má nejaký ďalší obsah, aby bola celkovo o niečo vyššia.

Naposledy aktualizované pred 3 minútami