Bootstrap 未显示 glyphicon-menu-hamburger

Bootstrap glyphicon-menu-hamburger not showing

这里明确定义了汉堡菜单的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>

这是为什么?

这与您的 bootstrap 版本中的字形版本有关,因为它会始终更新,因此请使用相同的版本。你可以在这里查看 http://getbootstrap.com/getting-started/。它看起来与 v3.3.2 兼容并检查你的。

其他可能性:

  1. 字体目录中缺少 glyphicons 字体c。
  2. 在目录路径中发现更改

Jean Gkol 说得有道理,因为看起来您的问题可能与您的 Bootstrap 版本有关。我在 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 组件包中的一个全新图像。