解决bootstrap里面提供的Glyphicons图标引入不显示的问题

先贴上解决方案:要把你下好的bootstrap文件里边的fonts文件 也要弄到你的项目文件中去 !!就可以了,也不需要引入,它会自动的会带有fonts文件夹里边去找。(fonts文件夹中有一些字体文件)

注意:(fonts文件夹最好和你的html的那个文件同级别,并且不能随便改fonts文件夹的名字)
在这里插入图片描述

如果你没有把fonts文件夹放到你的项目中去,会出现这样的提示:
在这里插入图片描述

它会说在你的那个项目文件夹中,找不到fonts文件夹,那就更不要谈能找到glyphicons-halflings-regular.woff2 这个字体文件了。

我的项目目录是这样的:
在这里插入图片描述

然后:你再简单的引入相应图标的类名就可以了!如:

         <span class="glyphicon glyphicon-music"></span>

效果:
在这里插入图片描述

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值