如何在react-bootstrap中有从右到左的方向？

Question

我想构建从右到左方向的反应 UI。到目前为止，我已经测试了引导className="pull-right"用或手动覆盖CSS属性*{direction:rtl;}，并.float-right:{float:right;}在反应的自举部件。然而，这似乎是一种破碎的方法，因为它不适用于某些元素，例如 失去默认填充和形状的下拉按钮或某些项目仍将具有相对于彼此的先前顺序。

是否有任何具有 RTL 方向的反应框架？换句话说，有 React + Bootstrap 和 Bootstrap + RTL 的框架。有没有像

• 反应 + 引导 + RTL？还是 React + 一些 CSS 框架 + RTL？

我正在考虑使用bootstrap-rtl而不是 bootstrap-react 组件，并用我的 react 组件包装这些 HTML/CSS 组件；然而，boostrap 需要 jQuery 库，我读到了这一点，在考虑这种组合（react + jquery）时需要谨慎。

Answer 1

也许这可以帮助：

https://github.com/MahdiMajidzadeh/bootstrap-v4-rtl

正如它所说，只需将rtl类添加到您想要从右到左排列的任何元素即可。