css - RTL bulma CSS 导航栏

Question

我正在尝试在我的站点中为 RTL 用户添加选项。我正在使用 bulma (V 0.5.2)，其中大部分(rtl)开箱即用，在 body 标签上有一个简单的 "style=direction:rtl"。然而，导航栏表现得很滑稽。如何使其与 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;
}