css - RTL bulma css 导航栏

Question

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

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

在手机上是这样的：

Answer 1

好吧，我已经通过在代码中挖掘一点并了解应该在 oreder 中更改哪些内容以使其作为 RTL 导航栏正常工作来解决它。

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

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