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 .row
biz Bootstrap-ning sezgir tarmog'i va Masonry-ning joylashuvi kuchlarini birlashtira olamiz.
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.
Karta sarlavhasi
Bu kartada qoʻshimcha kontentga tabiiy kirish uchun quyida qoʻllab-quvvatlovchi matn mavjud.
Oxirgi marta 3 daqiqa oldin yangilangan
Karta sarlavhasi
Ushbu kartada oddiy sarlavha va uning ostida matnning qisqa paragrafi mavjud.
Oxirgi marta 3 daqiqa oldin yangilangan
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