基于RTL方向翻转水平的引导模板

Question

我有一个引导v4.0.0模板，它是LTR方向，我想将整个模板更改为RTL方向，我使用了以下方法：

<html dir="rtl">
<body dir="rtl" >
body { direction:rtl; }
html { direction:rtl; }
https://github.com/MahdiMajidzadeh/bootstrap-v4-rtl (bootstrap-rtl.css)

但这些方法行不通。

**

，什么是像镜像水平翻转那样完全改变页面方向的最好方法？(RTL方向)

**

这下面的CSS代码，它将改变页面的方向，基于翻转水平，但如何保留它之后呢？(请让在下面查看图片)

-moz-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
-ms-filter: fliph; /*IE*/
filter: fliph; /*IE*/

​

提前感谢

Answer 1

此代码段通过倒转水平比例水平翻转/镜像页面。

​

.mirror{
  margin: 0 auto;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
  float: right;
}

<div class="mirror">
mirrored text
</div>
<div>
not mirrored
</div>

​