Javascript 使用rtl方向更改移动设备上的引导列

Javascript 使用rtl方向更改移动设备上的引导列,javascript,html,css,bootstrap-4,Javascript,Html,Css,Bootstrap 4,我正在设计一个带有rtl引导显示文件的阿拉伯语网站。 一切都很好。然而,我面临一个非常重要的问题:在移动设备上显示引导网格列。 我有一行有两个相等的列;在大屏幕上,它进展顺利,标题在右边,段落在左边。但是在移动布局中,段落显示在标题之前,我不想这样,我想先显示标题,然后再显示段落 我尝试应用push-and-pull属性,但没有成功。 当我写它们的时候,我完全理解了标题的含义,但是当我把标题推到左边(段落)的时候,它并没有像应该的那样推到文字上,相反,它也会移到左边 事实上,我试着使页面LTR和

我正在设计一个带有rtl引导显示文件的阿拉伯语网站。 一切都很好。然而,我面临一个非常重要的问题:在移动设备上显示引导网格列。 我有一行有两个相等的列;在大屏幕上,它进展顺利,标题在右边,段落在左边。但是在移动布局中,段落显示在标题之前,我不想这样,我想先显示标题,然后再显示段落

我尝试应用push-and-pull属性,但没有成功。 当我写它们的时候,我完全理解了标题的含义,但是当我把标题推到左边(段落)的时候,它并没有像应该的那样推到文字上,相反,它也会移到左边

事实上,我试着使页面LTR和删除RTL布局,它的工作! 然而,在我的例子中,我希望保持RTL显示

除了推拉,还有别的方法吗?? 或者,至少是一个聪明的把戏,我可以用拉和推来处理这个问题

>

这是我的行代码:


ف

فييأنالامك

من نكون؟ نبةعن

Bootstrap 4提供了订购属性,允许您在移动设备上反向订购


A.
B
<div class="row">
  <div class="col-md-12 order-md-2">A</div>
  <div class="col-md-12 order-md-1">B</div>
</div>