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
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.
Kortin otsikko
Tämän kortin alla on tukiteksti luonnollisena johdatuksena lisäsisältöön.
Viimeksi päivitetty 3 minuuttia sitten
Kortin otsikko
Tässä kortissa on tavallinen otsikko ja lyhyt tekstikappale sen alla.
Viimeksi päivitetty 3 minuuttia sitten
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