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

Logical RTL Spacing Classes التباعد المنطقي للواجهة العربية

أتقن أدوات التباعد والهوامش والحشو في بوتستراب 5 عبر معادلة التسمية الموحدة، ومقياس المسافات القياسي من 0 إلى 5، والكلاسات المنطقية الداعمة للعربية، والتوسيط الأفقي وفواصل gap.
3 صفوف تعليمية
بوتستراب 5
1 مشاهدة

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

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

تُعد النقلة من الاتجاهات الفيزيائية الجامدة إلى الاتجاهات المنطقية أهم تحديث هندسي في بوتستراب 5 لدعم اللغة العربية؛ إذ أُلغيت نهائياً كلاسات الإصدار الرابع القديمة ml-* وmr-* وpl-* وpr-* وحلت محلها حروف البداية والنهاية:

  • حرف البداية s (start): في .ms-* و.ps-* يعني الحافة اليمنى في العربية RTL والحافة اليسرى في الإنجليزية LTR.
  • حرف النهاية e (end): في .me-* و.pe-* يعني الحافة اليسرى في العربية RTL والحافة اليمنى في الإنجليزية LTR.

بينما يبقى حرفا الأعلى t (.mt-* / .pt-*) والأسفل b (.mb-* / .pb-*) ثابتين في جميع اللغات.

الصف 2 كود برمجي
HTML
<div class="p-3 rounded
  bg-primary-subtle text-primary-emphasis">
  <i class="bi bi-check-circle-fill me-2"
    aria-hidden="true"></i>
  <span>Logical me-2 space after icon.</span>
</div>
الصف 3 ملاحظة هامة