2017-08-10 51 views
0

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

<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> 

回答

3

你可以试试自举类: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是你想要的。

+0

谢谢!像魅力一样工作。 – degressor

+0

太棒了!乐于帮助。如果您觉得答案可以解决问题,请将其标记为“已接受”。这有助于将注意力集中在仍然没有答案的旧版SO上;) – ednincer