إعادة ترتيب الأعمدة بصرياً | محاذاة وترتيب الأعمدة في بوتستراب 5

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

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

تتيح كلاسات .order-0 حتى .order-5، بالإضافة إلى .order-first (order: -1) و.order-last (order: 6)، إعادة ترتيب ظهور الأعمدة بصرياً عبر الشاشات المختلفة مثل وضع قائمة التنقل في الأعلى على الهاتف ثم نقلها لليسار أو اليمين على سطح المكتب عبر .order-md-2.

الصف 2 كود برمجي

HTML

<div class="container">
  <div class="row">
    <div class="col order-3">1st DOM (order-3)</div>
    <div class="col order-2">2nd DOM (order-2)</div>
    <div class="col order-first">3rd DOM (first)</div>
  </div>
</div>

جرّب بنفسك

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

Visual Column Reordering إعادة ترتيب الأعمدة بصرياً

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

جميع فقرات هذا الدرس (محاذاة وترتيب الأعمدة في بوتستراب 5)