Bootstrap și zidărie

Integrați Masonry cu sistemul de grilă Bootstrap și componenta de carduri.

Zidăria nu este inclusă în Bootstrap. Adăugați-l incluzând manual pluginul JavaScript sau folosind un CDN astfel:


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

Adăugând data-masonry='{"percentPosition": true }'la .rowwrapper, putem combina puterile rețelei de răspuns a Bootstrap și poziționarea lui Masonry.


Placeholder Image cap
Titlul cardului care se înfășoară într-o nouă linie

Acesta este un card mai lung, cu text justificativ de mai jos, ca o introducere naturală la conținut suplimentar. Acest conținut este puțin mai lung.

Un citat binecunoscut, conținut într-un element blockquote.

Placeholder Image cap
Titlul cardului

Acest card are textul de sprijin de mai jos ca o introducere naturală la conținut suplimentar.

Ultima actualizare acum 3 minute

Un citat binecunoscut, conținut într-un element blockquote.

Titlul cardului

Acest card are un titlu obișnuit și un scurt paragraf de text sub el.

Ultima actualizare acum 3 minute

Placeholder Card image

Un citat binecunoscut, conținut într-un element blockquote.

Titlul cardului

Acesta este un alt card cu titlu și text de sprijin mai jos. Acest card are un conținut suplimentar pentru a-l face puțin mai înalt în general.

Ultima actualizare acum 3 minute