Bootstrap û Masonry

Masonry bi pergala tora Bootstrap û pêkhateya qertan re yek bikin.

Masonî di Bootstrap de ne tê de. Bi tevlêkirina pêveka JavaScript-ê bi destan, an jî bi karanîna CDNek wusa zêde bikin:


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

Bi lêzêdekirina pêça, em dikarin hêzên tora bersivdar a Bootstrap û pozîsyona Masonry bi hev re bikin data-masonry='{"percentPosition": true }'..row


Placeholder Image cap
Sernavê qertê ku bi rêzek nû ve girêdayî ye

Ev qertek dirêjtir e ku bi nivîsa piştgirî ya jêrîn wekî rêvekek xwezayî ya naverokek zêde ye. Ev naverok hinekî dirêj e.

Gotinek naskirî, ku di hêmanek blokê de heye.

Placeholder Image cap
Sernavê karta

Vê qertê nivîsa piştgirî ya li jêr wekî rêgezek xwezayî ya naverokek zêde heye.

Herî dawî 3 deqîqe berê hate nûkirin

Gotinek naskirî, ku di hêmanek blokê de heye.

Sernavê karta

Vê kartê sernavek birêkûpêk û paragrafa kurt a nivîsê li binê wê heye.

Herî dawî 3 deqîqe berê hate nûkirin

Placeholder Card image

Gotinek naskirî, ku di hêmanek blokê de heye.

Sernavê karta

Ev qertek din a bi sernav û nivîsa piştgirî ya li jêr e. Vê qertê hin naverokek zêde heye da ku wê bi giştî hinekî dirêjtir bike.

Herî dawî 3 deqîqe berê hate nûkirin