我希望右边是品牌，左边是导航。它在大屏幕上工作，但在折叠时，品牌会在左边，“汉堡按钮”在右边。我希望反之亦然（菜单总是在左边，品牌总是在右边）。我现在唯一的想法是让它在自定义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>