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 .row
apvalkalo, galime sujungti „Bootstrap“ reaguojančio tinklelio ir „Masonry“ padėties nustatymo galias.
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.
Kortelės pavadinimas
Šioje kortelėje toliau pateikiamas pagalbinis tekstas, kaip natūralus įvestis į papildomą turinį.
Paskutinį kartą atnaujinta prieš 3 minutes
Kortelės pavadinimas
Šioje kortelėje yra įprastas pavadinimas ir trumpa teksto pastraipa.
Paskutinį kartą atnaujinta prieš 3 minutes
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