انتقل إلى محتوى الدرس

Row Columns Grid Classes توزيع الأعمدة بكلاس row-cols

إتقان نظام الشبكة ذي 12 عموداً في بوتستراب 5: تسلسل الحاوية والصف والعمود، الأعمدة المتساوية والرقمية والمتكيفة، الطبقات المتجاوبة، row-cols، وتداخل الشبكات.
2 صفوف تعليمية
بوتستراب 5
2 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

بدلاً من تكرار الكلاسات الطويلة على عشرات البطاقات المتماثلة، يوفر Bootstrap 5 اختصاراً معمارياً رشيقاً عبر كلاسات .row-cols-1 حتى .row-cols-6 (إضافة إلى .row-cols-auto والطبقات المتجاوبة مثل .row-cols-md-3) وتوضع مباشرة على عنصر الصف .row الأب لتحديد عدد الأعمدة المرغوب ظهورها في كل سطر، بينما تكتفي العناصر الأبناء بكلاس .col البسيط.

الصف 2 ملاحظة هامة