解决boostrap字符图标无法显示问题

作为初学boostrap的菜鸟,简单的字符图标无法显示着实让人崩溃,本人总结了一下经验,原因大致有两个,第一:fonts包未导入,第二:引用路径错误
一、首先确保css文件与fonts文件在同一目录下
这里写图片描述
具体导入方法:从boostrap官网下载有关fonts的文件,然后直接复制到当前编码程序保存的位置。例如:把fonts文件复制到当前名为boostrap文件下的web文件夹(boostrap是个人编码自定义的名字,非官网下载的boostrap文件夹)这里写图片描述
二、引用正确的路径
博主之前就犯了这样的错误,在引入路径时直接引用了boostrap.min.css

这里写图片描述

错误路径:
这里写图片描述

正确路径:直接引用boostrap.css即可,即
<link href=”css/boostrap.css” rel=”stylesheet”>`

PS:博主初学前端开发,是菜鸟中的菜鸟,如有错误,欢迎各位大神指导~

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值