ブートストラップページヘッダーのナビゲーションバーを調整する方法は？

Question

私はウェブサイトを構築するためにブートストラップを使用しています。通常のビュー（ラップトップ上）では、ロゴは右側とメニューの左側に表示されます。この問題は、メニュー項目が左側に表示されるモバイルビューで表示されます（ロゴの下に表示されます）。 モバイルビューのメニュー項目は、常にノーマルビューのナビゲーションアライメントのみを参照します。

この

は私がフロートがトグルナビゲーションバーとナビゲーションバーのナビゲーションのためのモバイル上で右浮かぶように左追加CSSファイルとhtml

<nav class="navbar navbar-default navbar-fixed-top" role="navigation"> 
    <div class="container"> 
     <div class="logo"><a href="#">LOGO<img src="img/logob.png" alt=""></a></div> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
     </div> 
     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
      <ul class="nav navbar-nav"> 
       <li><a href="#">item 1</a></li> 
       <li><a href="#">item 2</a></li> 
       <li><a href="#">item 3</a></li> 
       <li><a href="#">item 4</a></li> 
       <li><a href="#">item 5</a></li> 
      </ul> 
     </div> 
    </div> 
</nav> 


html { 
    min-height: 100%; 
} 
body { 

    margin-bottom: 60px; 
} 

ul{ list-style:none;} 
img{ max-width:100%;} 
.logo{ 
      float:right; 
      margin-bottom:4px; 
      margin-top:4px; 
     } 
.nav{float:left;} 

Answer 1

私はここで

を探している場合です here a fiddle

.navbar-toggle { 
    float: left; 
    margin-left: 15px; 
} 
@media (max-width: 768px){ 
.navbar-nav { 
    float: right; 
} 
}