2

ナビゲーションバーが折りたたまれたときに表示されるナビゲーションバーボタンの3つのバーを置き換えようとしています。

元のコードは次のとおりです。

<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a>

代わりに次のことを試みましたが、機能しませんでした。

<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
          <span class="icon-envelope"></span>

        </a>

誰か助けてもらえますか？

4

1 に答える 1

4

ナビゲーション バーのトグル ボタンの内部は、さまざまなアイコンやテキストなど、好きなものに置き換えることができます。封筒アイコンを使用した実際の例を次に示します:
http://jsfiddle.net/panchroma/RWPdu/

HTML に異常がないことがわかります。それでも問題が解決しない場合は、ページ本文のアイコンをテストして、グリフィコンが正しくインストールされていることを確認することから始めてください。色の問題ではないことも確認できます。 -- たとえば、白い背景に白いテキスト。

幸運を！

<div class="navbar">
<div class="navbar-inner">
<div class="container">

  <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
  <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">

      <span class="icon-envelope"></span>
  </a>

  <!-- Be sure to leave the brand out there if you want it shown -->
  <a class="brand" href="#">Project name</a>

  <!-- Everything you want hidden at 940px or less, place within here -->
  <div class="nav-collapse collapse">
    <!-- .nav, .navbar-search, .navbar-form, etc -->
  </div>

 </div>
 </div>
 </div>
于 2013-01-26T14:17:32.610 に答える