web-dev-qa-db-ja.com

Bootstrap glyphicon-menu-ハンバーガーが表示されない

ここに明確に定義されていますbootstrapハンバーガーメニューのアイコン: http://getbootstrap.com/components/#glyphicons-glyphs

HTMLで使用すると、このアイコンは表示されませんが、他のアイコンは次のとおりです。

<button class="btn btn-default" type="button">
    <span class="glyphicon glyphicon-menu-hamburger" aria-hidden="true"></span>
</button>

何故ですか?

6
Incredible

bootstrapバージョンは常に更新されるため、同じバージョンを使用してください。ここで確認できます http://getbootstrap.com/getting-)のグリフィコンバージョンの問題です。開始/ 。v3.3.2と互換性があるようで、確認してください。

その他の可能性:

  1. fontsdirectorycにglyphiconsフォントがありません。
  2. ディレクトリのパスに変更が見つかりました
10
Herman Nz

あなたの問題はおそらくあなたのBootstrapバージョンにあるように見えるので、Jean Gkolはポイントを持っています。私は Bootply あなたのコードでテストしました:

<button class="btn btn-default" type="button">
    <span class="glyphicon glyphicon-menu-hamburger" aria-hidden="true"></span>
</button>

そしてそれはバージョン3.3.2で動作しました。ただし、バージョンを3.3.1、3.3.0、または3.2.0に変更すると、グリフィコンが表示されませんでした。したがって、ハンバーガーグリフィコンはBootstrapコンポーネントパックのまったく新しいイメージであるように見えます。

5
jyrkim