Bootstrap ja müüritis

Integreerige Masonry Bootstrapi ruudustikusüsteemi ja kaartide komponendiga.

Müüritis ei sisaldu Bootstrapis. Lisage see, lisades JavaScripti pistikprogrammi käsitsi või kasutades CDN-i, näiteks:


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

Lisades data-masonry='{"percentPosition": true }'ümbrisele .row, saame ühendada Bootstrapi reageeriva ruudustiku ja Masonry positsioneerimise võimed.

Placeholder Image cap
Kaardi pealkiri, mis murrab uuele reale

See on pikem kaart, mille all on toetav tekst loomuliku lisasisu juurde. See sisu on veidi pikem.

Tuntud tsitaat, mis sisaldub blockquote elemendis.

Keegi kuulus allika pealkirjas
Placeholder Image cap
Kaardi pealkiri

Sellel kaardil on allpool toetav tekst, mis on loomuliku lisasisu juurde.

Viimati värskendatud 3 minutit tagasi

Tuntud tsitaat, mis sisaldub blockquote elemendis.

Keegi kuulus allika pealkirjas
Kaardi pealkiri

Sellel kaardil on tavaline pealkiri ja selle all lühike tekstilõik.

Viimati värskendatud 3 minutit tagasi

Placeholder Card image

Tuntud tsitaat, mis sisaldub blockquote elemendis.

Keegi kuulus allika pealkirjas
Kaardi pealkiri

See on veel üks kaart, mille pealkiri ja tugitekst on allpool. Sellel kaardil on lisasisu, et muuta see üldiselt pisut kõrgemaks.

Viimati värskendatud 3 minutit tagasi