Bootstrap a Mauerwierk

Integréiert Steemetzerei mam Bootstrap Gittersystem a Kaartekomponent.

Steemetzerei ass net am Bootstrap abegraff. Füügt et un andeems Dir de JavaScript Plugin manuell enthält, oder mat engem CDN wéi esou:


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

Andeems Dir data-masonry='{"percentPosition": true }'un de .rowWrapper bäidréit, kënne mir d'Kraaft vum Bootstrap's reaktiounsfäeger Gitter an d'Positionéierung vum Masonry kombinéieren.


Placeholder Image cap
Kaart Titel datt op eng nei Linn wraps

Dëst ass eng méi laang Kaart mat ënnerstëtzend Text hei drënner als natierleche Virsprong op zousätzlech Inhalter. Dësen Inhalt ass e bësse méi laang.

E bekannten Zitat, an engem Blockquote Element enthale.

Placeholder Image cap
Kaart Titel

Dës Kaart huet Ënnerstëtzung Text hei ënnendrënner als natierleche Virsprong op zousätzlech Inhalt.

Fir d'lescht virun 3 Minutten aktualiséiert

E bekannten Zitat, an engem Blockquote Element enthale.

Kaart Titel

Dës Kaart huet e reegelméissegen Titel a kuerze Paragraphe vum Text drënner.

Fir d'lescht virun 3 Minutten aktualiséiert

Placeholder Card image

E bekannten Zitat, an engem Blockquote Element enthale.

Kaart Titel

Dëst ass eng aner Kaart mat Titel an ënnerstëtzend Text hei drënner. Dës Kaart huet e puer zousätzlech Inhalter fir et e bësse méi héich ze maachen.

Fir d'lescht virun 3 Minutten aktualiséiert