RTL bulma css 导航栏

Question

我正在尝试在我的站点中为 RTL 用户添加选项。我正在使用 bulma (V 0.5.2)，其中大部分 (rtl) 都是开箱即用的，在 body 标签上有一个简单的"style=direction:rtl"。但是，导航栏表现得很有趣。如何使其与 RTL 一起正常工作？

这是使用 rtl 在桌面上的样子：

在移动设备上是这样的：

Answer 1

好吧，我通过深入研究代码并了解应该在 orderer 中进行哪些更改以使其作为 RTL 导航栏正常工作来解决它。

我们在导航栏中有三个主要部分，我建议在你的 app.css 中为它创建一个类，或者你为你的 css 命名的任何名称，称为rtl-navbar，并将其应用于navbar-burger、navbar-end。除此之外，您应该在主导航栏容器上应用direction:rtl。

.navbar-rtl{
   margin-right: auto;
   margin-left: 0;
}