Bootstrap va duvarcılık

Masonry -ni Bootstrap grid tizimi va kartalar komponenti bilan birlashtiring.

Duvarcılık Bootstrap-ga kiritilmagan. Uni JavaScript plaginini qo'lda yoki CDN-dan foydalanib qo'shing:


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

O'ramga qo'shish data-masonry='{"percentPosition": true }'orqali .rowbiz Bootstrap-ning sezgir tarmog'i va Masonry-ning joylashuvi kuchlarini birlashtira olamiz.


Placeholder Image cap
Yangi qatorga o'tadigan karta sarlavhasi

Bu uzunroq karta boʻlib, quyida qoʻshimcha kontentga tabiiy kirish uchun qoʻllab-quvvatlovchi matn mavjud. Bu tarkib biroz uzunroq.

Blok tirnoq elementida joylashgan taniqli iqtibos.

Placeholder Image cap
Karta sarlavhasi

Bu kartada qoʻshimcha kontentga tabiiy kirish uchun quyida qoʻllab-quvvatlovchi matn mavjud.

Oxirgi marta 3 daqiqa oldin yangilangan

Blok tirnoq elementida joylashgan taniqli iqtibos.

Karta sarlavhasi

Ushbu kartada oddiy sarlavha va uning ostida matnning qisqa paragrafi mavjud.

Oxirgi marta 3 daqiqa oldin yangilangan

Placeholder Card image

Blok tirnoq elementida joylashgan taniqli iqtibos.

Karta sarlavhasi

Bu quyida sarlavha va qo'llab-quvvatlovchi matnga ega bo'lgan boshqa karta. Ushbu kartada uni biroz balandroq qilish uchun qo'shimcha tarkib mavjud.

Oxirgi marta 3 daqiqa oldin yangilangan