بوت استرپ و سنگ تراشی

سنگ تراشی را با سیستم شبکه بوت استرپ و جزء کارت ها ادغام کنید.

سنگ تراشی در 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 }'به .rowwrapper، می‌توانیم قدرت‌های شبکه پاسخگوی Bootstrap و موقعیت‌یابی Masonry را با هم ترکیب کنیم.


Placeholder Image cap
عنوان کارت که به یک خط جدید بسته می شود

این یک کارت طولانی‌تر با متن پشتیبانی در زیر به‌عنوان یک راهنما طبیعی برای محتوای اضافی است. این محتوا کمی طولانی تر است.

یک نقل قول شناخته شده، موجود در یک عنصر blockquote.

Placeholder Image cap
عنوان کارت

این کارت دارای متن پشتیبان در زیر به عنوان راهنما طبیعی برای محتوای اضافی است.

آخرین به روز رسانی 3 دقیقه قبل

یک نقل قول شناخته شده، موجود در یک عنصر blockquote.

عنوان کارت

این کارت دارای عنوان معمولی و پاراگراف کوتاه متن زیر آن است.

آخرین به روز رسانی 3 دقیقه قبل

Placeholder Card image

یک نقل قول شناخته شده، موجود در یک عنصر blockquote.

عنوان کارت

این کارت دیگری با عنوان و متن پشتیبانی در زیر است. این کارت دارای محتوای اضافی است تا در کل کمی بلندتر شود.

آخرین به روز رسانی 3 دقیقه قبل