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

Logical Column Offsets إزاحة الأعمدة بكلاس offset

التحكم المتقدم بأعمدة شبكة بوتستراب 5: المحاذاة الرأسية والأفقية، كسر السطر بـ w-100، الترتيب البصري order، الإزاحة المنطقية offset، والأعمدة المنفردة.
2 صفوف تعليمية
بوتستراب 5
0 مشاهدة

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

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

لدفع عمود بمقدار عدد محدد من وحدات الشبكة دون إدراج أعمدة فارغة قبله، استخدم كلاسات الإزاحة .offset-1 حتى .offset-11 أو نسخها المتجاوبة مثل .offset-md-3 (الذي يدفع عموداً بحجم .col-md-6 بمقدار 3 وحدات ليتوسط الصف تماماً: 3 فراغ + 6 عمود + 3 متبقٍ). كما يمكنك تصفير الإزاحة على شاشة أكبر عبر .offset-lg-0.

جرّب المحاذاة والفواصل والترتيب والإزاحة عملياً في المختبر الحي التالي:

الصف 2 معاينة حية