يعاني المصممين عند تصميمهم لموقع متعدد اللغات من إمكانية توافق تصميم موقعهم مع لغتين يختلف فيهما نظام اتجاه العناصر والنصوص
مثال : موقع يحتوي لغة إنكليزية ولغة عربية
فاللغة الإنكليزية يكون اتجاه نصوصها وعناصرها من اليسار إلى اليمين ltr
واللغة العربية يكون اتجاه نصوصها وعناصر من اليمين إلى اليسار rtl
فعندما يستخدم المصمم إطار العمل الشهير Bootstrap على موقع متعدد اللغات يحتاج لأحد الأمرين :
إما أن يستخدم في كل لغة كلاسات معينة مثلا
في اللغة الإنكليزية
<h1 class="text-right">Title</h1>
في اللغة العربية
<h1 class="text-left">العنوان</h1>
وهذا الأمر سيكون أمرا شاقا فمن الصعب جدا تغيير اتجاهات النصوص بما يتوافق مع اللغة بكل صفحات الموقع خاصة
وإما أن يستخدم ملف css خاص لتغير الاتجاهات بيحث يعكس الاتجاه ويستدعيه في حال كان اللغة نظامها من اليمين إلى اليسار rtl فبهذه الحالة يستخدم كلاس واحد تختلف وظيفته حسب نظام اتجاه اللغة
ولهذا قمت بإعدادت ملف خاص لتعديل اتجاه إطار العمل Bootstrap للاتجاه rtl ليستخدم في المواقع المتعددة اللغات يضاف الملف بعد ملف الأصلي bootstrap.css في الصفحات العربية ويبنى الموقع أساسا على ltr مثلا Title سيظهر Title باتجاه اليمين العنواان سيظهر العنوان باتجاه اليسار
يمكنكم تحميل Bootstrap 4.1.1 rtl من الرابط التالي :
التعليقات