28

bootstrap 4.1.1 RTL للقوالب العربية

يعاني المصممين عند تصميمهم لموقع متعدد اللغات من إمكانية توافق تصميم موقعهم مع لغتين يختلف فيهما نظام اتجاه العناصر والنصوص

مثال : موقع يحتوي لغة إنكليزية ولغة عربية

فاللغة الإنكليزية يكون اتجاه نصوصها وعناصرها من اليسار إلى اليمين 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 من الرابط التالي :

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

2
techoucha أضف ردا

هناك نسخة تدعم اللغة العربية وهذا رابطها

0
brahimhdih أضف ردا

شكرا أخي على المعلومة، كيف يمكن تثبيث هذه النسخة؟ قمت بتثبيتها باستعمال nuget ولكن بقيت الصفحة من اليسار إلى اليمين. هل من مساعدة وشكرا مسبقا

0
achahoud أضف ردا

شكراا لك،

هناك مشروع بوتستراب شبيه لكن لا أعتقد أنهم وصلوا بعد الى النسخة 4

هل مشروعك هذا كامل 100%؟

4
va0000ll أضف ردا

ربما تقصد هذا [1] شبكة توصيل المحتوي لديهم نسخة جيدة جدا استخدم نسختهم من 3 ولديهم النسخة 4 كذالك استخدمها منذ اصدارها ، جيدة ولم اواجه معها اي مشاكل وهو مشروع مكتمل يستحق الاشادة به .

ولكنهم لم يصلو للنسخة 4.1.1 لديهم النسخة 4.0.0 .

[1]

0
MaDaSpAcE أضف ردا

لم اعد اجد النسخة 3 لديهم !!

الموجود فقط الاصدار الـ 4

هل يمكنك ارسال الرابط الخاص بالاصدار الـ 3 رجاءً

1
HussamBarbour أضف ردا
0
MaDaSpAcE أضف ردا

اشكرك لكن كنت اقصد BOOTSTRAP 3 RTL من موقع rtlcss.com

1
myounes أضف ردا

تجدها هنا:

http://bootstrap.rtlcss.com...

وهذه روابط شبكة إيصال المحتوى:

<!-- CSS -->
<link rel="stylesheet" href="https://cdn.rtlcss.com/boot..." integrity="sha384-cSfiDrYfMj9eYCidq//oGXEkMc0vuTxHXizrMOFAaPsLt1zoCUVnSsURN+nef1lj" crossorigin="anonymous">

<!-- JavaScript -->
<script src="https://cdn.rtlcss.com/boot..." integrity="sha384-B4D+9otHJ5PJZQbqWyDHJc6z6st5fX3r680CYa0Em9AUG6jqu5t473Y+1CTZQWZv" crossorigin="anonymous"></script>
1
MaDaSpAcE أضف ردا

شكرا جزيلا

عيد فطر مبارك :)

0
aissa_bouguern أضف ردا

بلى صديقي،

أحدث نسخة من بوتستراب تحمل الرقم 4 :)

0
HussamBarbour أضف ردا

هذه هي لأحدث نسخة معتمدة من Bootstrap

الإصدار : 4.1.1

رابط الإصدار الرسمي

المشروع إن شاء الله كامل في حال وجود أي ملاحظة بإمكانكم إرسالها لي وشكرا

0
mohamed asfar أضف ردا

توجد اصلا نسخة للعربية في github لكن بها بعض العيوب مثل النافبار

0
HussamBarbour أضف ردا

جرب النسخة هذه وإن كان هناك عيوب يرجى مراسلتي

0
Nabeel أضف ردا

شكرا جزيلا لك

يوجد ايضا هذه النسخة

0
HussamBarbour أضف ردا

حاولت في هذه النسخة أن تكون أسهل من غيرها ولا تحوي إلا ملف واحد هو الأهم

0
dev4ar أضف ردا

يوجد مشكله مع بال checkbox

انظر هنا

لاحظ كلمة تذكرني كيف تظهر

<div class="form-group form-check">
    <input type="checkbox" class="form-check-input" id="exampleCheck1">
    <label class="form-check-label" for="exampleCheck1">تذكرني</label>
</div>
0
HussamBarbour أضف ردا

جرب استخدم ملف bootstrap.css المرفع مع ملف rtl

0
HussamBarbour أضف ردا

في حال لم تكن تستخدم الملف المرفع فقد قمت الآن بتصحيح الخطأ يمكنك تحميل الملف من جديد بدون مشاكل

0
dev4ar أضف ردا

شكرا جزيلا لك

نعم انا استخدم نسخه الموقع الرسمي وليست النسخه المرفقه

حسنا سوف اجرب الآن ^_^

0
Nada_ABdo أضف ردا

اريد رابط.تحميل bootstrap rtl template مجاني اذا سمحت