Bootstrap ir mūras

Integruokite mūrą su Bootstrap tinklelio sistema ir kortelių komponentu.

Mūras neįtrauktas į „Bootstrap“. Pridėkite jį rankiniu būdu įtraukdami „JavaScript“ papildinį arba naudodami CDN, pavyzdžiui:


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

Pridėję data-masonry='{"percentPosition": true }'prie .rowapvalkalo, galime sujungti „Bootstrap“ reaguojančio tinklelio ir „Masonry“ padėties nustatymo galias.

Placeholder Image cap
Kortelės pavadinimas, kuris perkeliamas į naują eilutę

Tai ilgesnė kortelė su toliau pateiktu pagalbiniu tekstu, kaip natūraliu įėjimu į papildomą turinį. Šis turinys yra šiek tiek ilgesnis.

Gerai žinoma citata, esanti blockquote elemente.

Kažkas žinomas šaltinio antraštėje
Placeholder Image cap
Kortelės pavadinimas

Šioje kortelėje toliau pateikiamas pagalbinis tekstas, kaip natūralus įvestis į papildomą turinį.

Paskutinį kartą atnaujinta prieš 3 minutes

Gerai žinoma citata, esanti blockquote elemente.

Kažkas žinomas šaltinio antraštėje
Kortelės pavadinimas

Šioje kortelėje yra įprastas pavadinimas ir trumpa teksto pastraipa.

Paskutinį kartą atnaujinta prieš 3 minutes

Placeholder Card image

Gerai žinoma citata, esanti blockquote elemente.

Kažkas žinomas šaltinio antraštėje
Kortelės pavadinimas

Tai dar viena kortelė su pavadinimu ir pagalbiniu tekstu žemiau. Šioje kortelėje yra šiek tiek papildomo turinio, kad ji būtų šiek tiek aukštesnė.

Paskutinį kartą atnaujinta prieš 3 minutes