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

Position and Edge Offsets التموضع وإحداثيات الحواف

تحكّم في سلوك التخطيط في بوتستراب 5.3 عبر كلاسات العرض والطباعة المتجاوبة، وإحداثيات التموضع المطلق والنسبي، والتوسيط بـ translate-middle، وتثبيت الأشرطة والفيضان وملاءمة الوسائط والطبقات.
2 صفوف تعليمية
بوتستراب 5
1 مشاهدة

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

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

لبناء عناصر متراكبة مثل عداد الإشعارات الأحمر فوق زاوية صندوق الرسائل، ندمج نوع التموضع مع إحداثيات الحواف المنطقية:

  • تحديد السياق: نضع .position-relative على الصندوق الأب ليكون نقطة المرجع، ونضع .position-absolute على العنصر الفرعي المتراكب.
  • إحداثيات المسافة (0 و50 و100): نحدد موقع العنصر بنسبة مئوية عبر .top-0 أو .top-50 أو .top-100، و.bottom-*، والاتجاهين المنطقيين .start-0 / .start-50 / .start-100 و.end-*.
الصف 2 ملاحظة هامة