2016-11-23 97 views
0

我已经是LTR方向,我想整个模板更改为RTL方向引导程序V4.0.0模板,我用这些方法如下:引导模板 - 水平翻转

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

但这些方法不起作用。

**

什么是彻底改变页面方向像一面镜子 水平翻转的最佳方式? (RTL方向)

**

这下面的CSS代码,它将改变基于 水平翻转页面的方向,但如何之后reservse呢? (请有 直视图像下面

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

How to do it with CSS? 预先感谢

回答

0

此代码段翻转/颠倒水平刻度

水平反映了页面

.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>

+0

这种方法很好,但有些东西,如您所知,镜面翻转水平,但我们如何旋转它以正确的方式,我们将能够阅读文本? –

+0

'float:right;'应该适合我认为 – Grey

+0

至于你的更新(直到现在还没有看到)试着看看这个网站的源代码:http://www.messletters.com/en/mirrored/ – Grey