如何在运行时翻转 div 的 CSS

Question

我有两个使用引导程序的div

<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 */

基于语言正在显示
获取页面的 lang

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/