2017-09-11 14 views
0

まあ、RTLユーザーのオプションを自分のサイトに追加しようとしています。私はbulma(V 0.5.2)を使用していますが、そのほとんど(rtl)はbodyタグの簡単な"style=direction:rtl"で箱から出ています。しかし、navbarは面白いと私はあなたの親切な助けが必要です。どうすればRTLで正しく動作させることができますか?RTL bulma css navbar

This is what it looks like on desktop with rtl

And on mobile its like this

感謝。

答えて

1

さて、私は、コード内のビットを掘り下げ、RTL navbarとして正しく動作するように、orederで何を変更するべきかを理解して解決しました。

私たちは、ナビゲーションバーには3つの主要セクションを持っている、と私はapp.cssまたはあなたが持っている任意の名前rtl-navbarと呼ばれるあなたのCSSのとnavbar-burgernavbar-endにそれを適用するあなたにそれのためのクラスを作るお勧めします。さらに、direction:rtlをメインのナビゲーションバーのコンテナに適用する必要があります。

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