您当前的位置:首页 > 计算机 > 编程开发 > Html+Div+Css(前端)

Bootstrap 字体图标无法显示问题,<i>标签字体图标无法显示问题

时间:09-15来源:作者:点击数:

bootstrap fileInput 以及 Bootstrap 字体图标无法显示问题。

今天在用 bootstrap fileInput 插件的时候发现图标无法显示,如下:

在这里插入图片描述

查看DOM,发现那些图标是<i>标签做的:

在这里插入图片描述

网上的方案

方案1

网上很多人说是我们打乱了bootstrap的文件夹顺序,需要按照这样的顺序来组织bootstrap文件夹,但我本身就是按照这种方式来组织的,所以这种方法对我并不适用。

在这里插入图片描述

方案二

后来发现是少了一个bootstrap-icons.css文件,把该文件引入后图标问题就解决了。

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css">

引入之后再次查看,发现<i>标签图标显示正常。

在这里插入图片描述
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门
本栏推荐