RTL
我们建议您先阅读 Bootstrap 的文档,以了解 Bootstrap 的 RTL 支持工作原理。
为了在 React-Bootstrap 中启用 RTL 支持,请按照以下步骤操作
- 在
<html>
元素上设置dir="rtl"
。 - 在
<html>
元素上添加适当的 lang 属性,例如lang="ar"
。 - 在项目中包含 CSS 的 RTL 版本
bootstrap.rtl.min.css
。 - 在
ThemeProvider
中设置dir="rtl"
<ThemeProvider dir="rtl">
<App />
</ThemeProvider>