Wie man die Marke beim Zusammenbruch im Bootstrap 3 rechts liegen lässt

Question

Ich hätte gerne eine Marke auf der rechten Seite und die Navigation auf der linken Seite. Es funktioniert auf einem großen Bildschirm, aber beim Zusammenbruch geht die Marke nach links und der "Burger-Button" nach rechts. Ich hätte es gerne umgekehrt (Menü immer links und Marke immer rechts). Meine einzige Idee ist jetzt, es über Custom CSS zu schaffen, aber ich würde es gerne über Bootstrap-Klassen haben, wenn möglich.

<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

Sie können die Bootstrap-Klassen versuchen: pull-left and pull-right

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

und

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

Überprüfen Sie, ob this fiddle ist das, was Sie wollen.