Bootstrap ja muuraus

Integroi muuraus Bootstrap-verkkojärjestelmän ja korttikomponenttien kanssa.

Muuraus ei sisälly Bootstrapiin. Lisää se sisällyttämällä JavaScript-laajennus manuaalisesti tai käyttämällä CDN:ää, kuten:


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

Lisäämällä kääreeseen voimme yhdistää Bootstrapin responsiivisen ruudukon ja Masonryn sijoituksen voimat data-masonry='{"percentPosition": true }'..row


Placeholder Image cap
Kortin otsikko, joka rivittyy uudelle riville

Tämä on pidempi kortti, jonka alla on tukiteksti luonnollisena johdatuksena lisäsisältöön. Tämä sisältö on hieman pidempi.

Tunnettu lainaus, joka sisältyy blockquote-elementtiin.

Placeholder Image cap
Kortin otsikko

Tämän kortin alla on tukiteksti luonnollisena johdatuksena lisäsisältöön.

Viimeksi päivitetty 3 minuuttia sitten

Tunnettu lainaus, joka sisältyy blockquote-elementtiin.

Kortin otsikko

Tässä kortissa on tavallinen otsikko ja lyhyt tekstikappale sen alla.

Viimeksi päivitetty 3 minuuttia sitten

Placeholder Card image

Tunnettu lainaus, joka sisältyy blockquote-elementtiin.

Kortin otsikko

Tämä on toinen kortti, jonka alla on otsikko ja tukiteksti. Tässä kortissa on lisäsisältöä, joka tekee siitä hieman korkeamman.

Viimeksi päivitetty 3 minuuttia sitten