ブートストラップ - Navbarを右から左に反転

Question

私はnavbarを作ろうとしていますが、私は右から左にあることがHebrewである必要があります。

私は、すべてのリンクされたボタンが左と右にある応答するNavbarを作ろうとしました。 そして右側のブランド。 小さなデバイスでは崩壊します。

私はそれを元に戻すことはできません。また、小さなデバイスでは、ナビバーの中央で[ブランドと折りたたみ]ボタンが衝突することがあります。

body{ 
    direction: rtl; 
} 

私のCSSへの

...助けを

感謝と申し訳ありませんが、私の間違ったタイトルDであなたを誤解を招くために：

Answer 1

は、まあ、私は追加することによってそれを修正しましたこれは私のためにうまくいく。

<ul class="nav nav-tabs nav-justified" style="direction: rtl;">   
    <li>1</li> 
    <li>2</li> 
    <li>3</li> 
</ul> 

Answer 2

Maybe you can use media query with the smallest query eg media query 
example: 


<nav class="navbar navbar-default" role="navigation"> 
    <div class="navbar-header"> 
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
    </button>  
    </div> 
    <div class="navbar-collapse collapse"> 
    <ul class="nav navbar-nav"> 
     <li><a href="#">Left</a></li> 
    </ul> 
    <ul class="nav navbar-nav navbar-center"> 
     <li><a href="#">Center</a></li> 
     <li><a href="#">Center</a></li> 
     <li><a href="#">Center</a></li> 
    </ul> 
    <ul class="nav navbar-nav navbar-right"> 
     <li><a href="#">Right</a></li> 
    </ul> 
    </div> 
</nav> 

@media (min-width: 240px) { 
    .navbar-nav.navbar-center { 
    position: absolute; 
    left: 50%; 
    transform: translatex(-50%); 
    } 

Answer 3