当前位置: 首页 > news >正文

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

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>标签图标显示正常。
在这里插入图片描述

http://www.lryc.cn/news/432367.html

相关文章:

  • docker registry 仓库加密
  • 利用高德+ArcGIS优雅获取任何感兴趣的矢量边界
  • 炮弹【USACO】
  • python如何读取excel文件内的数据
  • Java项目: 基于SpringBoot+mybatis+maven+mysql教师工作量管理系统(含源码+数据库+毕业论文)
  • 项目开发--数据库--postgresql数据库操作
  • c语言——用一维数组输出杨辉三角形
  • Codeforces Round 971 (Div. 4) (A~G1)
  • 为什么构造函数不能为虚函数?为什么析构函数可以为虚函数,如果不设为虚函数可能会存在什么问题?
  • 【数据结构】单链表功能的实现
  • 最新车型库大全|阿里云实现调用API接口
  • 70. 爬楼梯
  • pytorch正向传播没问题,loss.backward()使定义的神经网络中权重参数变为nan
  • ❤《实战纪录片 1 》原生开发小程序中遇到的问题和解决方案
  • 2024.9.6 作业
  • 2024年架构设计师论文-“模型驱动架构设计方法及其应用”
  • Tapd敏捷开发平台的使用心得
  • 远程桌面 Rust Desk 自建服务器
  • 开源网安引领AIGC+开发安全,智能防护铸就软件安全新高度
  • 树和二叉树
  • 一篇带你速通差分算法(C/C++)
  • 贷款利率高低跟什么有关?仅凭身份证就能贷到款?额度是多少?
  • 苹果电脑需要安装杀毒软件吗?探索Mac的安全世界!
  • Oracle start with connect BY 死循环
  • 力扣接雨水
  • bug“医典”
  • Track 06:量子计算机概述
  • 论文解读 | KDD2024 演化图上的森林矩阵快速计算
  • 7.统一网关-Gateway
  • QT:QWidget 控件属性的介绍