التمهيد والبناء
دمج الماسونية مع نظام شبكة Bootstrap ومكون البطاقات.
لم يتم تضمين الماسونية في Bootstrap. قم بإضافته بتضمين مكون JavaScript الإضافي يدويًا ، أو باستخدام 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 المتجاوبة وموضع الماسونية.
عنوان البطاقة الذي يلتف بسطر جديد
هذه بطاقة أطول تحتوي على نص داعم أدناه كمقدمة طبيعية لمحتوى إضافي. هذا المحتوى أطول قليلاً.
عنوان البطاقة
تحتوي هذه البطاقة على نص داعم أدناه كمقدمة طبيعية لمحتوى إضافي.
آخر تحديث منذ 3 دقائق
عنوان البطاقة
تحتوي هذه البطاقة على عنوان منتظم وفقرة قصيرة من النص أسفلها.
آخر تحديث منذ 3 دقائق
عنوان البطاقة
هذه بطاقة أخرى بعنوان ونص داعم أدناه. تحتوي هذه البطاقة على بعض المحتوى الإضافي لجعلها أطول قليلاً بشكل عام.
آخر تحديث منذ 3 دقائق