Bootstrap we Masonry

“ Masonry ” -ny “Bootstrap” grid ulgamy we kartoçka komponenti bilen birleşdiriň .

Hünärçilik “Bootstrap” -a goşulmaýar. JavaScript pluginini el bilen goşmak ýa-da şuňa meňzeş CDN ulanmak arkaly goşuň:


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

Örtük goşmak data-masonry='{"percentPosition": true }'bilen, .row“Bootstrap” -yň täsirli torunyň we Masonriniň ýerleşiş güýjüni birleşdirip bileris.


Placeholder Image cap
Täze setire baglanan kartoçkanyň ady

Bu goşmaça mazmuna tebigy giriş hökmünde aşakdaky goldaýan tekstli has uzyn karta. Bu mazmun birneme uzyn.

Blokot elementinde bar bolan belli sitata.

Placeholder Image cap
Kartyň ady

Bu kartoçkada goşmaça mazmuna tebigy giriş hökmünde aşakdaky goldaýan tekst bar.

Iň soňky gezek 3 minut öň täzelendi

Blokot elementinde bar bolan belli sitata.

Kartyň ady

Bu kartoçkanyň aşagyndaky adaty ady we tekstiň gysga abzasy bar.

Iň soňky gezek 3 minut öň täzelendi

Placeholder Card image

Blokot elementinde bar bolan belli sitata.

Kartyň ady

Bu aşakdaky ady we goldaw teksti bolan başga bir kartoçka. Bu kartoçkada umumylykda birneme beýik bolmak üçin goşmaça mazmun bar.

Iň soňky gezek 3 minut öň täzelendi