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 />