Skip to main content

RTL

We recommend first reading Bootstrap's documentation to become familiar with how Bootstrap's RTL support works.

In order to enable RTL support with React-Bootstrap, follow these steps:

  1. Set dir="rtl" on the <html> element.
  2. Add an appropriate lang attribute, like lang="ar", on the <html> element.
  3. Include the RTL version of the CSS bootstrap.rtl.min.css in your project.
  4. Set dir="rtl" in a ThemeProvider:
<ThemeProvider dir="rtl">
  <App />
</ThemeProvider>