Html / Bootstrap - 单击复选框时全身隐藏

Question

我正在使用具有特殊和漂亮的复选框和开关的引导程序模板。 我创建了从ltr到rtl（对于波斯语）的整个主题，我在我的页面中添加了“direction：rtl”类。在此之后，当我点击开关或复选框时，整个部分消失（顶部导航栏和侧边栏保持不变）。 我该如何解决这个问题？ 我添加了图片：

这是我的代码的演示： DEMO

我已经在谷歌浏览器上测试了它并且效果很好但是在Firefox中它有问题！

Answer 1

尝试更改字段的名称或ID。

Answer 2

我通过制作全身ltr来修复它，只需添加一个带rtl方向的新div。这对我有用，这是因为我使用的框架（我没有使用bootstrap这部分！）