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

Vertical Column Alignment المحاذاة الرأسية للأعمدة

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

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

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

بما أن عنصر الصف .row في Bootstrap 5 هو حاوية Flexbox أصيلة، يمكنك التحكم الفوري بمحاذاة جميع أعمدته على المحور الرأسي عندما تختلف ارتفاعات محتوياتها أو يمتلك الصف ارتفاعاً أكبر منها. استخدم الكلاسات .align-items-start (أعلى الصف)، أو .align-items-center (منتصف الصف عمودياً)، أو .align-items-end (أسفل الصف) مباشرة على عنصر .row.

الصف 2 صورة توضيحية
مخطط توضيحي لأدوات محاذاة الأعمدة وفواصل السطر وإعادة الترتيب والإزاحة في بوتستراب 5