عند استعمال الملفات المرفقة

بعد كل ملف ضع النسخة العربية منه (يعني مكان .min ضع .rtl) لكن تأكد من اتباع ما يلي:

• ملف bootstrap.min.css هو الأول ظهورا
• تعريب كل ملف بعده مباشرة إن كنا في صفحة عربية
• تليهما الملفات الخاص بك قلت أو كثرت
• ثم الملفات الخاصة بالتصميم المستجيب bootstrap-responsive.min.css
• وأخيرا rtl-xtra.min.css سواء كنا في صفحة عربية أم لا.

<link rel='stylesheet' href='css/bootstrap.min.css' type='text/css' />
<link rel='stylesheet' href='css/bootstrap.rtl.css' type='text/css' />
<!-- your custom CSS goes here -->
<!-- make sure the responsive parts are at the end -->
<link rel='stylesheet' href='css/bootstrap-responsive.min.css' type='text/css' />
<link rel='stylesheet' href='css/bootstrap-responsive.rtl.css' type='text/css' />
<!-- make sure the the extra RTL file as the last thing -->
<link rel='stylesheet' href='css/rtl-xtra.min.css' type='text/css' />

عند استعمال CDN

يمكنك استعمال CDN في توصيل الملفات الأصلية bootstrap.min.css و bootstrap-responsive.min.css هكذا:

<link rel='stylesheet' href='//maxcdn.bootstrapcdn.com/bootstrap/2.3.2/css/bootstrap.min.css' type='text/css' />
<link rel='stylesheet' href='css/bootstrap.rtl.css' type='text/css' />
<!-- your custom CSS goes here -->
<!-- make sure the responsive parts are at the end -->
<link rel='stylesheet' href='//maxcdn.bootstrapcdn.com/bootstrap/2.3.2/css/bootstrap-responsive.min.css' type='text/css' />
<link rel='stylesheet' href='css/bootstrap-responsive.rtl.css' type='text/css' />
<!-- make sure the the extra RTL file as the last thing -->
<link rel='stylesheet' href='css/rtl-xtra.min.css' type='text/css' />

تجنب المشاكل

بعض الأصناف/الفئات classes تشير للاتجاه الأيمن أو الأيسر وذلك متضمن في اسمها لذلك يفضل أن تتجنبها مثل:

• pull-left / pull-right
• text-left / text-right
• icon-chevron-left / icon-chevron-right
• left carousel-control / right carousel-control

البدائل

حتى تستخدم نفس الكود في الصفحات العربية والإنجليزية نستخدم start و end للإشارة لليمين واليسار بحسب اللغة هكذا

• pull-start / pull-end
• text-start / text-end
• icon-chevron-start / icon-chevron-end

أصناف إضافية

يمكنك وضع شيء على أحد الزوايا الأربعة لأي صندووق عبر

• top-start
• top-end
• bottom-start
• bottom-end