Bootstrap

How to activate RTL layout in Bootstrap 5.3?

March 18, 2026

download ready
Thank You
Your submission has been received.
We will be in touch and contact you soon!

Include RTL CSS bundle and add dir="rtl" to <html>. Logical properties automatically flip margins, padding, and text direction. Navbars and forms adapt seamlessly.

Code

<!DOCTYPE html>
<html dir="rtl" lang="ar">
<link href="bootstrap.rtl.min.css" rel="stylesheet">
<div class="text-end">RTL content</div>
</html>
      
Hire Now!

Need Help with Bootstrap Development ?

Work with our skilled bootstrap developers to accelerate your project and boost its performance.
**Hire now**Hire Now**Hire Now**Hire now**Hire now

How to activate RTL layout in Bootstrap 5.3?

Include RTL CSS bundle and add dir="rtl" to <html>. Logical properties automatically flip margins, padding, and text direction. Navbars and forms adapt seamlessly.

Code

<!DOCTYPE html>
<html dir="rtl" lang="ar">
<link href="bootstrap.rtl.min.css" rel="stylesheet">
<div class="text-end">RTL content</div>
</html>