بووتستراپ و ماسۆنری

یەکخستنی Masonry لەگەڵ سیستەمی تۆڕی Bootstrap و پێکهاتەی کارتەکان.

کاری بیناسازی لە Bootstrap دا نییە. زیادکردنی بە دانانی پێوەکراوەکەی جاڤاسکڕێپت بە دەست، یان بەکارهێنانی CDN وەک ئەمانە:


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

بە زیادکردن data-masonry='{"percentPosition": true }'بۆ .rowپێچەرەکە، دەتوانین هێزەکانی تۆڕی وەڵامدەرەوەی Bootstrap و شوێنی Masonry تێکەڵ بکەین.


Placeholder Image cap
ناونیشانی کارت کە بە دێڕێکی نوێ دەپێچرێتەوە

ئەمە کارتێکی درێژترە لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە. ئەم ناوەڕۆکە کەمێک درێژترە.

وەرگێڕانێکی ناسراو، کە لە توخمێکی بلۆککۆتدا هەیە.

Placeholder Image cap
ناونیشانی کارت

ئەم کارتە دەقی پشتگیری لە خوارەوە هەیە وەک پێشەکییەکی سروشتی بۆ ناوەڕۆکی زیادە.

دوایین نوێکردنەوە 3 خولەک پێش ئێستا

وەرگێڕانێکی ناسراو، کە لە توخمێکی بلۆککۆتدا هەیە.

ناونیشانی کارت

ئەم کارتە ناونیشانێکی ئاسایی و بڕگەی کورتی دەقی لە خوارەوەی هەیە.

دوایین نوێکردنەوە 3 خولەک پێش ئێستا

Placeholder Card image

وەرگێڕانێکی ناسراو، کە لە توخمێکی بلۆککۆتدا هەیە.

ناونیشانی کارت

ئەمە کارتێکی ترە کە ناونیشان و دەقی پشتگیری لە خوارەوەیە. ئەم کارتە هەندێک ناوەڕۆکی زیادەی تێدایە بۆ ئەوەی بە گشتی کەمێک بەرزتر بێت.

دوایین نوێکردنەوە 3 خولەک پێش ئێستا