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.
Tunnettu lainaus, joka sisältyy blockquote-elementtiin.
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
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