メインコンテンツにスキップ

RTL

Bootstrap の RTL サポートの仕組みを理解するために、Bootstrap のドキュメントを最初に読むことをお勧めします。

React-Bootstrap で RTL サポートを有効にするには、次の手順に従います。

  1. <html> 要素に dir="rtl" を設定します。
  2. <html> 要素に lang="ar" のような適切な lang 属性を追加します。
  3. CSS bootstrap.rtl.min.css の RTL バージョンをプロジェクトに含めます。
  4. ThemeProvider で dir="rtl" を設定します。
<ThemeProvider dir="rtl">
  <App />
</ThemeProvider>