Bootstrap3 为何无法显示Glyphicons 图标

发布于 2022-08-27 12:02:10 字数 421 浏览 12 评论 0

<a class="btn btn-default dropdown-toggle" data-toggle="dropdown" title="" data-original-title="Font"><i class="glyphicon glyphicon-font"></i><b class="caret"></b></a>

本来应该显示图标”A“的,没有显示

本来应该显示图标”A“的,但没有显示 项目使用ASP.NET MVC4 ,bootstrap3是通过NuGet加载进来的

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(6

药祭#氼 2022-09-03 12:02:10

这个问题我遇到过,是字体文件有问题。 更换了一下就好了。

只想待在家 2022-09-03 12:02:10

bootstrap.css内有引入字体文件的,具体你去看一看,看引入的路径是否正确了

凝望流年 2022-09-03 12:02:10

看一下调试器是不是有字体文件404或403了

勿挽旧人 2022-09-03 12:02:10

@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc2/css/bootstrap-glyphicons.css");

最后我通过在css中插入glyphicon的css解决问题了。

夏末的微笑 2022-09-03 12:02:10

例如你想显示一个save的图标你要这么写、
<h1 class="btn btn-success btn-lg"><i class="glyphicon glyphicon-adjust">保存</i></h1>

<i>标签中的class必须要先写glyphicon这个class,然后再写glyphicon-adjust这样glyphicon-adjust才会正常显示出来、

浅沫记忆 2022-09-03 12:02:10

bootstrap中含有字体文件,将字体文件包含在文件中,就可以用了

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文