Container Row Col Hierarchyتسلسل الحاوية والصف والعمود
إتقان نظام الشبكة ذي 12 عموداً في بوتستراب 5: تسلسل الحاوية والصف والعمود، الأعمدة المتساوية والرقمية والمتكيفة، الطبقات المتجاوبة، row-cols، وتداخل الشبكات.
2 صفوف تعليمية
بوتستراب 5
2 مشاهدة
شرح صفوف ومحتوى الفقرة
الصف 1
شرح توضيحي
يعمل نظام الشبكة وفق عقد هيكلي صارم من ثلاثة مستويات متتالية لا يجوز كسرها: تبدأ بوضع حاوية خارجية مثل .container أو .container-fluid لضبط المحاذاة والحشو الأفقي، ثم تضع بداخلها عنصر صف .row يعمل كغلاف مرن للأعمدة، وأخيراً تضع الأعمدة .col-* كأبناء مباشرين للصف فقط.
القاعدة الذهبية في Bootstrap 5 هي أن المحتوى الفعلي يوضع حصراً داخل الأعمدة، ولا يجوز وضع نصوص أو مكونات مباشرة داخل .row دون عمود يحتضنها حتى لا تختل حسابات الحشو والهوامش الجانبية.
الصف 2
ملاحظة هامة
جميع فقرات هذا الدرس (النظام الشبكي في بوتستراب 5)
