RTL Layout
RTL Layout — من اليمين إلى
اليسار · Sidebar on right · dir="rtl"
ما هو تخطيط RTL؟ / What is RTL layout?
يتحول الشريط الجانبي إلى الجانب الأيمن، وتُعكس جميع الخصائص
الاتجاهية (الهوامش، الحشوة، الحدود) لدعم اللغات التي تُكتب من
اليمين إلى اليسار مثل العربية والعبرية والفارسية.
The sidebar moves to the right side and all directional CSS
properties (margin, padding, border sides) are mirrored to support
right-to-left languages like Arabic, Hebrew, and Persian.
HTML:
dir="rtl" and
lang="ar" on <html>
CSS: Bootstrap RTL CDN:
bootstrap.rtl.min.css
Grid:
grid-template-columns: 1fr var(--sidebar-w)
— sidebar column last = right
Typography: Noto Kufi Arabic font loaded
for Arabic text
Icons: Font Awesome works correctly in
RTL without changes
LTR vs RTL — Side-by-side comparison
Visual comparison of layout direction. Notice the sidebar and content positions are mirrored.
$284K
إجمالي الإيرادات
1,842
العملاء
5,219
الطلبات
3.42%
معدل التحويل
All Layout Variants — جميع التخطيطات
Browse the full layout collection. / تصفح مجموعة التخطيطات الكاملة.