Html 引导-多语言双向支持的良好实践？

我正在建立一个小网站，将在英语（LTR）和希伯来语（RTL）

该网站使用相同的代码库，仅根据显示的语言更改标题

当一个英语用户进入网站时，他应该从左到右看到内容。假设我有一个旁边有文本的图像，图像在左边，文本在右边

当希伯来人用户进入时，他应该看到右边的图像和左边的文本

---

在bootstrap中，有没有一种可以接受的方法可以做到这一点，而无需编写两次相同的html，也无需覆盖bootstrap css类？

如果将一些js附加到语言复选框中，则可以向要移动的元素添加/删除一个

向右拖动

类：

示例：

JS

HTML

标题1

---

只需注意

向右拉

如何影响随后出现的其他内容-准备在必要时在移动内容块后添加

。

根据该答案，可能会重复，他们所做的是覆盖css类-我想知道是否有更好的方法。请原谅我在这方面的文化无知，但书面文本也是从右到左-即“苹果”会读作“elppa”吗？如果是的话，这也是你在寻求帮助的一个问题吗？或者只是放置文本块/div等？检查我们的AryaBootstrap，“AryaBootstrap是一个具有双布局对齐支持的引导程序，用于LTR和RTL web设计。”在html中添加“dir”，这是您需要执行的唯一操作。Web:或GitHub:

$('input:checkbox').change(function(){
    if($(this).is(":checked")) {
        $('div.ltr').addClass("pull-right");
    } else {
        $('div.ltr').removeClass("pull-right");
    }
});

<div class="col-xs-6 ltr">
  <div class="thumbnail">
    <img src="http://placehold.it/500x300">
  </div>
</div>
<div class="col-xs-6">
  <p>Caption 1...</p>
</div>