跳至主要内容

RTL

我们建议您先阅读 Bootstrap 的文档,以了解 Bootstrap 的 RTL 支持工作原理。

为了在 React-Bootstrap 中启用 RTL 支持,请按照以下步骤操作

  1. <html> 元素上设置 dir="rtl"
  2. <html> 元素上添加适当的 lang 属性,例如 lang="ar"
  3. 在项目中包含 CSS 的 RTL 版本 bootstrap.rtl.min.css
  4. ThemeProvider 中设置 dir="rtl"
<ThemeProvider dir="rtl">
<App />
</ThemeProvider>