我正在尝试在我的站点中为 RTL 用户添加选项。我正在使用 bulma (V 0.5.2),其中大部分(rtl)开箱即用,在 body 标签上有一个简单的 "style=direction:rtl"
。然而,导航栏表现得很滑稽。如何使其与 RTL 一起正常工作?
这是在带有 rtl 的桌面上的样子:
在手机上是这样的:
最佳答案
好吧,我已经通过深入研究代码并了解应该在 oreder 中更改哪些内容才能使其作为 RTL 导航栏正常工作来解决这个问题。
我们在导航栏中有三个主要部分,我建议在您的 app.css 中为它创建一个类,或者您为您的 css 命名的任何名称 rtl-navbar
并将其应用于 navbar-burger
,navbar-end
。除此之外,您应该在主导航栏容器上应用 direction:rtl
。
.navbar-rtl{
margin-right: auto;
margin-left: 0;
}
关于css - RTL bulma CSS 导航栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46165805/