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 兼容并检查你的。
其他可能性:
- 字体目录中缺少 glyphicons 字体c。
- 在目录路径中发现更改
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 组件包中的一个全新图像。
这里明确定义了汉堡菜单的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 兼容并检查你的。
其他可能性:
- 字体目录中缺少 glyphicons 字体c。
- 在目录路径中发现更改
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 组件包中的一个全新图像。