Question

我有两个div使用bootstrap

<div >
<div class="col-md-6">
 this div use the left side of the page  

</div>
<div class="col-md-6">
this div use the right side of the page
</div>
</div>

当我使用英语时它可以正常工作，但我的网站也使用多种语言作为阿拉伯语，所以我需要在运行时翻转两个div。我尝试将它设置为偏移类，但它没用！

我该怎么做？

Answer 1

你可以用 col-md-6 {direction : 'rtl'; } 至于运行时，你可以使用jquery来设置它取决于你的运行时间是什么意思

Answer 2

您可以使用Javascript设置

direction: rtl;  /* Right to Left */

或

direction: ltr; /* Left to Right */

基于语言的

正在显示在获取页面

var x =  navigator.language; /* Language of the browser */

在页面加载时执行

Answer 3

试试这个：

#LiveNewsItemTitle0
{
/*  position: absolute;
    left: 270px;
    top : 58px;
    background-size:cover;
    width : 275px;
    height : 105px;*/
    font-size: 11pt;

    z-index: 1;
    direction:rtl;

}
<div id="LiveNewsItemTitle0" class="LiveNewsItemTitle">معلومات الـ"mtv": سلام سيحمل التشكيلة الحكومية إلى</div>

使用此链接进行预览：http://fiddle.jshell.net/FKLvy/2/

如何在运行时翻转div的css

3 个答案: