twitter-bootstrap - 如何在项目中同时使用 rtl 和 ltr bootstrap 5 sass 样式？

Question

我正在使用 bootstrap5 scss。
我将 ltr 的样式作为标准包含:@import "~ bootstrap / scss / bootstrap"; 问题:如何连接或启用rtl bootstrap 5 scss 样式？
从说明中看，除了如何以标准方式通过链接进行连接外，没有什么清楚的，但在 scss 中是必需的。

Answer 1

使用 rtl 选择器导入普通 Bootstrap 和导入 rtl:

@import '~bootstrap/scss/bootstrap';

[dir='rtl'] {
  @import '~bootstrap/dist/css/bootstrap-utilities.rtl.min';
}

注意:如果您导入 bootstrap.rtl.min它将覆盖您的颜色变量(因为它是已编译的 css 值已经烘焙)
注意#2:我仍然认为这不是 Bootstrap 打算使用 rtl 的方式。因为现在如果你有 me-2在 ltr 中的元素上，它将在右侧有 2 个边距，但在 rtl 中，它将在左右两侧都有边距!因为 rtl 代码只是添加了 rtl 而没有更改 rtl 指令。
理想情况下，我们将在 SCSS 中拥有完整版本的 rtl bootstrap BUT，这将解决我们的大部分问题。我会在发现更多信息后立即更新此答案。
我发现只是导入 utilities处理我的大部分 rtl 需求。我认为您可以根据需要导入其他文件，只需牢记覆盖即可。