2017-09-11 12 views
0

글쎄, 내 사이트에서 RTL 사용자를위한 옵션을 추가하려고합니다. bulma (V 0.5.2)를 사용하고 있는데, 대부분 (rtl)은 body 태그에 간단한 "style=direction:rtl"으로 작업하고 있습니다. 하지만 네비게이션이 웃기고 친절한 도움이 필요해. RTL로 올바르게 작동하려면 어떻게해야합니까?RTL bulma css navbar

This is what it looks like on desktop with rtl

And on mobile its like this

감사합니다.

답변

1

글쎄, 코드에서 약간 파고 그것을 oreder에서 RTL navbar로 제대로 작동하도록 변경해야한다는 것을 이해하여 해결했습니다.

우리는 네비게이션 바의 세 가지 주요 섹션이 있고, 난 당신이 app.css에 대한 클래스를 만들거나 어떤 이름을 당신이 당신의 CSS에 대한 rtl-navbar이라고하며, navbar-burgernavbar-end을 적용했다 좋습니다. 또한 메인 네비게이션 컨테이너에 direction:rtl을 적용해야합니다.

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