التمهيد والبناء

دمج الماسونية مع نظام شبكة 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 المتجاوبة وموضع الماسونية.


Placeholder Image cap
عنوان البطاقة الذي يلتف بسطر جديد

هذه بطاقة أطول تحتوي على نص داعم أدناه كمقدمة طبيعية لمحتوى إضافي. هذا المحتوى أطول قليلاً.

اقتباس مشهور موجود في عنصر blockquote.

Placeholder Image cap
عنوان البطاقة

تحتوي هذه البطاقة على نص داعم أدناه كمقدمة طبيعية لمحتوى إضافي.

آخر تحديث منذ 3 دقائق

اقتباس مشهور موجود في عنصر blockquote.

عنوان البطاقة

تحتوي هذه البطاقة على عنوان منتظم وفقرة قصيرة من النص أسفلها.

آخر تحديث منذ 3 دقائق

Placeholder Card image

اقتباس مشهور موجود في عنصر blockquote.

عنوان البطاقة

هذه بطاقة أخرى بعنوان ونص داعم أدناه. تحتوي هذه البطاقة على بعض المحتوى الإضافي لجعلها أطول قليلاً بشكل عام.

آخر تحديث منذ 3 دقائق