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左V形字形，如果您使用的是FontAwesome或其他內容，則可以將其更改。

添加CSS

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

應該是-從那里調整它以適合您的目的。 希望這可以幫助。