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

本文分享了关于Bootstrap中字符图标无法正常显示的原因及解决办法。主要包括确保fonts包已正确导入,以及确保引用路径准确无误。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

这里写图片描述

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

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值