如何让品牌留上崩溃的正确引导中3

Question

我想有右侧的品牌并在左边导航。它在一个大屏幕上工作，但在崩溃时，品牌将向左移动，“汉堡按钮”向右移动。我想反之亦然（菜单总是在左边，品牌总是正确的）。我现在唯一的想法是使其超过自定义的CSS，但我想尽可能在​​引导类。

<nav class="navbar navbar-default" role="navigation"> 
    <div class="container"> 
     <a href="#" class="navbar-brand navbar-right"> 
     <img src="logo.jpg" /> 
     </a> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="navbar-collapse"> 
       <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"> 
     <ul class="nav navbar-nav"> 
       <li ><a class="main_nav_link" href="#">Link 1</a></li> 
       <li ><a class="main_nav_link" href="#">Link 2</a></li> 
       <li ><a class="main_nav_link" href="#">Link 3</a></li> 
       </li> 
      </ul> 
    </div> 
    </div> 
</nav> 

Answer 1

你可以试试自举类：pull-left and pull-right

<a href="#" class="navbar-brand navbar-right pull-right"> 

和

<button type="button" class="navbar-toggle pull-left" data-toggle="collapse" data-target="navbar-collapse"> 

检查this fiddle是你想要的。