Bootstrap导航栏，按钮看起来像菜单折叠按钮

Question

我有一个Bootstrap导航栏为我的网站为我的菜单。它仅用于移动设备，因此菜单始终处于折叠状态，并进入标准的导航栏折叠按钮。这是正确的;我想要的是在同一个导航栏中的一个后退按钮，它看起来就像菜单折叠按钮，只是一个不同的glyphicon（人字形左侧），左对齐。任何想法如何实现这一目标？

这是菜单代码：

<nav class="navbar navbar-default navbar-fixed-top" role="navigation"> 
     <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> 
      <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 id="navbar" class="navbar-collapse collapse"> 
      <ul class="nav navbar-nav navbar-right"> 
      <li><a href="meistro.html">Meistro</a></li> 
      <li><a href="deelnemers.html">Deelnemers</a></li> 
      <li><a href="jury.html">Jury</a></li> 
      <li><a href="orkest.html">Het orkest</a></li> 
      <li><a href="deharmonie.html">De Harmonie</a></li> 
      <li><a class="stemmen" href="#">Stemmen</a></li> 
      <li><a href="#" data-toggle="modal" data-target=".bs-nieuwsbrief">Nieuwsbrief</a></li> 
      </ul> 
     </div><!--/.nav-collapse --> 
     </div> 
    </nav> 

Answer 1

这里是下面的工作示例：http://seanconnelly.me/bootstrap-standard-button-with-left-mobile-back-button

添加一个新的按钮正上方的其他按钮：

<button type="button" class="navbar-toggle navbar-left"><span class="glyphicon glyphicon-chevron-left"></span></button> 

注我已经添加了一个名为navbar-left的新类。您可以将其重命名为任何您想要的内容（例如后退按钮）。我还默认使用Bootstrap附带的glyphicon left chevron，如果您使用FontAwesome或其他东西，则可以将其更改。

添加CSS

.navbar-left { 
    float:left; 
    margin-left:15px; 
    padding:6px 10px; 
} 

应该是它 - 从那里调整到适合你的目的。希望这可以帮助。