Önyükleme ve Duvarcılık

Masonry'yi Bootstrap ızgara sistemi ve kart bileşeniyle entegre edin .

Duvarcılık Bootstrap'a dahil değildir. JavaScript eklentisini manuel olarak ekleyerek veya bunun gibi bir CDN kullanarak ekleyin:


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

Paketleyiciye ekleyerek Bootstrap'in duyarlı ızgarasının data-masonry='{"percentPosition": true }'ve .rowMasonry'nin konumlandırmasının güçlerini birleştirebiliriz.


Placeholder Image cap
Yeni bir satıra saran kart başlığı

Bu, ek içeriğe doğal bir giriş olarak aşağıdaki destekleyici metni içeren daha uzun bir karttır. Bu içerik biraz daha uzun.

Bir blok alıntı öğesinde bulunan iyi bilinen bir alıntı.

Placeholder Image cap
Kart başlığı

Bu kartın, ek içeriğe doğal bir giriş olarak aşağıdaki destekleyici metni vardır.

Son güncelleme 3 dakika önce

Bir blok alıntı öğesinde bulunan iyi bilinen bir alıntı.

Kart başlığı

Bu kartın altında normal bir başlık ve kısa bir metin paragrafı vardır.

Son güncelleme 3 dakika önce

Placeholder Card image

Bir blok alıntı öğesinde bulunan iyi bilinen bir alıntı.

Kart başlığı

Bu, aşağıda başlığı ve destekleyici metni olan başka bir karttır. Bu kart, genel olarak biraz daha uzun olması için bazı ek içeriğe sahiptir.

Son güncelleme 3 dakika önce