شرح صفوف ومحتوى الفقرة
إلى جانب نظام الشبكة الكلاسيكي المبني على Flexbox (.row و.col-*)، قدّم Bootstrap 5.1+ وضعاً اختيارياً حديثاً مبنياً بالكامل على تقنية CSS Grid الأصيلة ثنائية الأبعاد. يُفعَّل هذا الوضع عند بناء الملفات المصدرية بضبط المتغير $enable-cssgrid: true في Sass، ويستبدل الصفوف والأعمدة التقليدية بكلاسي .grid و.g-col-*.
أبرز ما يميز وضع CSS Grid هو اعتماده المباشر على خاصية gap الحقيقية في المتصفح بدلاً من الحشو الداخلي والهوامش السالبة، ما يتيح لك تلوين عناصر الأعمدة مباشرة دون اختفاء المسافات الفاصلة، فضلاً عن سهولة تغيير عدد أعمدة الشبكة لحظياً عبر متغيرات CSS.
