linkedinlogo
Bootstrap
Bootstrap

How to activate RTL layout in Bootstrap 5.3?

March 18, 2026

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>
      
bg-image
Company Deck
PDF, 3MB

© 2026 Zignuts Technolab. All Rights Reserved.