تفعيل RTL بمستند HTML | دعم اللغة العربية RTL في بوتستراب 5

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

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

يشترط التوثيق الرسمي لبوتستراب 5 تحقيق ركنين إلزاميين معاً لتفعيل الواجهة العربية بصورة هندسية صحيحة:

إضافة السمتين dir="rtl" و lang="ar" مباشرةً على الوسم الجذري <html> في أعلى المستند.
استدعاء ملف التنسيق العربي bootstrap.rtl.min.css بدلاً من الملف القياسي داخل <head>.

تؤدي سمة lang="ar" دوراً جوهرياً في إمكانية الوصول؛ إذ توجه قارئات الشاشة لاختيار النطق الصوتي العربي السليم وتضبط قواعد التدقيق الإملائي في المتصفح.

الصف 2 كود برمجي

HTML

<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet"
    href="/vendor/bootstrap-5.3/css/bootstrap.rtl.min.css">
</head>
<body>
  <div class="container"><h1>RTL Starter Ready</h1></div>
</body>

جرّب بنفسك

الصف 3 ملاحظة هامة

Enabling RTL Document Attributes تفعيل RTL بمستند HTML

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

جميع فقرات هذا الدرس (دعم اللغة العربية RTL في بوتستراب 5)