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

Bootstrap 字体图标无法显示问题，＜i＞标签字体图标无法显示问题

news 2026/4/4 1:20:31

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

相关文章：

Bootstrap 字体图标无法显示问题，＜i＞标签字体图标无法显示问题

bootstrap fileInput 以及 Bootstrap 字体图标无法显示问题。 今天在用 bootstrap fileInput 插件的时候发现图标无法显示&#xff0c;如下&#xff1a; 查看DOM&#xff0c;发现那些图标是<i>标签做的&#xff1a; 网上的方案 方案1 网上很多人说是我们打乱了boots…...

编程日记 2024/9/7 22:08:50

docker registry 仓库加密

docker registry 仓库加密 1、背景 ​ 公司一直用的镜像仓库是docker registry&#xff0c;但是有个安全问题&#xff0c;就是仓库从web ui的浏览到镜像的拉取都是可以直接使用的&#xff0c;还是放到了公网上&#xff0c;只需要知道你的域名那就是畅通无阻了&#xff0c;可以…...

编程日记 2024/9/7 22:07:49

利用高德+ArcGIS优雅获取任何感兴趣的矢量边界

荷花十里&#xff0c;清风鉴水&#xff0c;明月天衣。 四时之景不同&#xff0c;乐亦无穷尽也。今天呢&#xff0c;梧桐君给大家讲解一下&#xff0c;如何利用高德地图&#xff0c;随机所欲的获取shp边界数据。 文章主要分成以下几个步骤&#xff1a; 首先搜索你想获取的矢量…...

编程日记 2024/9/7 22:06:45

炮弹【USACO】

题目背景 时/空限制&#xff1a;1s / 64MB 题目描述 贝茜已经精通了变成炮弹并沿着长度为 N 的数轴弹跳的艺术&#xff0c;数轴上的位置从左到右编号为 1,2,…,N 。 她从某个整数位置 S 开始&#xff0c;以 1 的起始能量向右弹跳。 如果贝茜的能量为 k &#xff0c;则她将…...

编程日记 2024/9/7 22:05:44

python如何读取excel文件内的数据

目录 前言一、安装openpyxl二、读取Excel数据总结前言 在Python中读取Excel数据，最常用的库之一是openpyxl（用于.xlsx格式）和xlrd（尽管xlrd从版本2.0开始不再支持.xlsx，仅支持旧的.xls格式）。然而，对于大多数现代应用来说，openpyxl是一个更好的选择，因为它支持.xlsx格…...

编程日记 2024/9/7 22:02:41

Java项目: 基于SpringBoot+mybatis+maven+mysql教师工作量管理系统(含源码+数据库+毕业论文)

一、项目简介 本项目是一套基于SpringBootmybatismavenmysql教师工作量管理系统 包含&#xff1a;项目源码、数据库脚本等&#xff0c;该项目附带全部源码可作为毕设使用。 项目都经过严格调试&#xff0c;eclipse或者idea 确保可以运行&#xff01; 该系统功能完善、界面美观…...

编程日记 2024/9/7 22:01:37

项目开发--数据库--postgresql数据库操作

背景 1、安装postgresql的基础方法 2、基本操作命令 解决方案 安装命令 在ubuntu环境当中进行安装。 sudo apt install postgresql安装完毕之后直接进行测试&#xff0c;如果看到如下内容则安装成功。 sudo systemctl status postgresql使用DBeaver进行连接报错&#xff…...

编程日记 2024/9/7 21:56:28

c语言——用一维数组输出杨辉三角形

一.代码 #include <stdio.h> int Num[100]; int Hang; int Lie; int a; int Flag; int main() {Lie 1;Hang 1;a 0;while (1) {//列1为1if (Lie 1) {Num[1] 1;Lie;}//数据存到数组里面while (Hang > Lie && Hang ! 2) { if (Hang!Lie) {Flag Num[Lie] …...

编程日记 2024/9/7 21:55:17

Codeforces Round 971 (Div. 4) (A~G1)

A、B题太简单&#xff0c;不做解释 C 对于 x y 两个方向&#xff0c;每一个方向至少需要 x / k 向上取整的步数&#xff0c;取最大值。 由于 x 方向先移动&#xff0c;假如 x 方向需要的步数多于 y 方向的步数&#xff0c;那么最后 y 方向的那一步就不需要了&#xff0c;答案…...

编程日记 2024/9/7 21:53:15

为什么构造函数不能为虚函数？为什么析构函数可以为虚函数，如果不设为虚函数可能会存在什么问题？

目录 一、为什么构造函数不能为虚函数&#xff1f; 二、为什么析构函数可以是虚函数&#xff1f;如果不设为虚函数可能会存在什么问题&#xff1f; 构造函数不能为虚函数&#xff0c;因为在构造过程中&#xff0c;虚函数机制尚未生效&#xff0c;对象还未完成构造&#xff0c…...

编程日记 2024/9/7 21:52:11

【数据结构】单链表功能的实现

目录 1.链表的概念及结构 2.单链表功能的实现 2.1打印单链表 2.2创建节点 2.3单链表尾插 2.3单链表头插 2.5单链表尾删 2.6单链表头删 2.7单链表的查找 2.8在指定位置之前插入数据 2.9在指定位置之后插入数据 2.10删除pos节点 2.11删除pos之后的节点 2.12销毁链表…...

编程日记 2024/9/7 21:51:10

最新车型库大全｜阿里云实现调用API接口

整体请求流程&#xff1a; 介绍&#xff1a; 本次解析通过阿里云云市场的云服务来实现查询车型库大全查询&#xff0c;首先需要选择一家可以提供查询的商品。 [探数API]车型库查询_API专区_云市场-阿里云 步骤1: 选择商品 如图点击免费试用&#xff0c;即可免费申请该接口数…...

编程日记 2024/9/7 21:46:05

70. 爬楼梯

70. 爬楼梯 假设你正在爬楼梯。需要 n 阶你才能到达楼顶。 每次你可以爬 1 或 2 个台阶。你有多少种不同的方法可以爬到楼顶呢&#xff1f; 示例 1&#xff1a; 输入&#xff1a;n 2 输出&#xff1a;2 解释&#xff1a;有两种方法可以爬到楼顶。 1.1 阶 1 阶 2.2 阶 示例…...

编程日记 2024/9/7 21:45:03

pytorch正向传播没问题，loss.backward()使定义的神经网络中权重参数变为nan

记录一个非常坑爹的bug:loss回传导致神经网络中一个linear层的权重参数变为nan 1.首先loss值是正常数值&#xff1b; 2.查了好多网上的解决办法&#xff1a;检查原始输入神经网络数据有没有nan值&#xff0c;初始化权重参数&#xff0c;使用relu激活函数&#xff0c;梯度裁剪&a…...

编程日记 2024/9/7 21:44:02

❤《实战纪录片 1 》原生开发小程序中遇到的问题和解决方案

《实战纪录片 1 》原生开发小程序中遇到的问题和解决方案 文章目录 《实战纪录片 1 》原生开发小程序中遇到的问题和解决方案1、问题一&#xff1a;原生开发中 request请求中返回 的数据无法 使用this传递给 data{}中怎么办&#xff1f;2、刚登录后如何将token信息保存&#xf…...

编程日记 2024/9/7 21:43:01

2024.9.6 作业

手写unique_ptr指针指针 代码&#xff1a; #include <iostream> #include <stdexcept>template <typename T> class unique_ptr { public:// 构造函数explicit unique_ptr(T* ptr nullptr) : m_ptr(ptr) {}// 析构函数~unique_ptr() {delete m_ptr;}// 禁…...

编程日记 2024/9/7 21:42:00

2024年架构设计师论文-“模型驱动架构设计方法及其应用”

论模型驱动架构设计方法及其应用 模型驱动架构设计是一种用于应用系统开发的软件设计方法&#xff0c;以模型构造、模型转换和精化为核心&#xff0c;提供了一套软件设计的指导规范。在模型驱动架构环境下&#xff0c;通过创建出机器可读和高度抽象的模型实现对不同问题域的描述…...

编程日记 2024/9/7 21:40:58

Tapd敏捷开发平台的使用心得

Tapd敏捷开发平台的使用心得 一、Tapd 简介 TAPD（Tencent Agile Product Development），腾讯敏捷产品研发平台行业领先的敏捷协作方案，贯穿敏捷产品研发生命周期的一站式服务，了解敏捷如下图 二、几个核心模块概念 需求迭代缺陷故事墙前期项目需求的管理，可以按类别建…...

编程日记 2024/9/7 21:39:57

远程桌面 Rust Desk 自建服务器

因为某些原因(诈骗)&#xff0c;Rush Desk 服务已暂停国内访问&#xff0c;今天我们介绍如何利用自己的服务器搭建 Rust Desk 远程桌面&#xff0c;低延迟电脑远程手机&#xff0c;手机远程电脑等 一、准备工作 准备一台服务器&#xff0c;我用的腾讯云服务器&#xff0c;一年…...

编程日记 2024/9/7 21:37:52

开源网安引领AIGC+开发安全，智能防护铸就软件安全新高度

近日&#xff0c;国内网络安全领域知名媒体数说安全正式发布了《2024年中国网络安全市场100强》和《2024年中国网络安全十大创新方向》。开源网安凭借在市场表现力、资源支持力以及产品在AI方向的创新力上的优秀表现成功入选百强榜单&#xff0c;并被评为“AIGC开发安全”典型厂…...

编程日记 2024/9/7 21:34:45

简易的分布式kv设计

1. 前言 在 Raft KV 系统中&#xff0c;每个节点&#xff08;Node&#xff09;都是对等的。一个典型的请求流向是&#xff1a; Client -> Leader Node -> Raft 日志同步 -> 大多数节点确认 -> 应用到状态机 (KV Store) -> 返回 Client。 2. 设计步骤 Raft 核…...

编程新知 2026/4/4 1:16:26

all-MiniLM-L6-v2详细步骤：Ollama模型量化部署（Q4_K_M）显存再降40%

all-MiniLM-L6-v2详细步骤&#xff1a;Ollama模型量化部署&#xff08;Q4_K_M&#xff09;显存再降40% 在资源受限的环境中部署高效的句子嵌入模型一直是开发者的痛点。all-MiniLM-L6-v2作为轻量级语义表示模型&#xff0c;虽然已经比标准BERT模型小了80%以上&#xff0c;但在…...

编程新知 2026/4/3 22:58:42

基于西门子S7-200 PLC与组态王技术的变频恒压供水控制系统设计与实物制作——软硬件设计详解

基于西门子S7-200 PLC和组态王小区变频恒压供水控制系统的设计&#xff0c;可制作对应实物&#xff0c;软硬件设计今天&#xff0c;我决定深入研究一个自动化控制领域中的典型项目&#xff1a;基于西门子S7-200 PLC和组态王软件的小区变频恒压供水控制系统。这个项目听起来有点…...

编程新知 2026/4/3 21:50:01

如何快速修复ROG游戏本色彩配置文件丢失问题：G-Helper终极指南

如何快速修复ROG游戏本色彩配置文件丢失问题&#xff1a;G-Helper终极指南 【免费下载链接】g-helper Lightweight, open-source control tool for ASUS laptops and ROG Ally. Manage performance modes, fans, GPU, battery, and RGB lighting across Zephyrus, Flow, TUF, S…...

编程新知 2026/4/3 21:03:40

SharpSCADA项目实战：基于样例工程构建完整物料接收生产线

SharpSCADA项目实战&#xff1a;基于样例工程构建完整物料接收生产线 【免费下载链接】SharpSCADA C# SCADA 项目地址: https://gitcode.com/gh_mirrors/sh/SharpSCADA 想要快速掌握工业自动化SCADA系统的开发吗&#xff1f;SharpSCADA项目为你提供了一个完美的起点&…...

编程新知 2026/4/3 20:05:11

终极解析器构建指南：Ohm从CSV解析到自定义语法实战

终极解析器构建指南&#xff1a;Ohm从CSV解析到自定义语法实战 【免费下载链接】ohm A library and language for building parsers, interpreters, compilers, etc. 项目地址: https://gitcode.com/gh_mirrors/oh/ohm Ohm是一个强大的解析器构建库和领域特定语言&#…...

编程新知 2026/4/3 19:59:10

多目标跟踪算法实战：从DeepSORT到Chained-Tracker的避坑指南

多目标跟踪算法实战&#xff1a;从DeepSORT到Chained-Tracker的避坑指南 在计算机视觉领域&#xff0c;多目标跟踪(Multi-Object Tracking, MOT)技术正逐渐从实验室走向工业界。不同于学术论文中那些理想化的测试场景&#xff0c;真实项目中的光照变化、遮挡干扰和计算资源限制…...

编程新知 2026/4/3 18:28:06

SAP销售订单BAPI调用避坑指南：手把手教你处理增强字段、合作伙伴与定价（附完整ABAP代码）

SAP销售订单BAPI实战&#xff1a;增强字段、合作伙伴与定价的深度解决方案 当你第一次调用SD_SALESDOCUMENT_CREATE创建销售订单时&#xff0c;可能会遇到这样的场景&#xff1a;订单看似创建成功&#xff0c;但增强字段没值、合作伙伴角色错乱、定价条件未生效。这种"表…...

编程新知 2026/4/3 18:11:35

7B、14B、80B大模型参数量解析：性能、成本与选择全攻略！

本文解析了7B、14B、80B大模型参数量代表的含义及其对模型能力、资源消耗、训练与推理成本的影响。参数量越大&#xff0c;模型表达能力越强&#xff0c;但资源需求与成本也越高。7B适合轻量级任务与低预算场景&#xff0c;14B兼顾性能与成本&#xff0c;80B适用于追求顶尖性能…...

编程新知 2026/4/3 18:05:31

洛谷P1678烦恼的高考志愿题解

一、题目理解输入&#xff1a;第一行、m所学校&#xff0c;n位学生第二行、m个预计录取分数第三行、n个学生估分成绩输出&#xff1a;最小不满意度之和二、解题思路其实这题就是简单的二分&#xff0c;对于我这种菜鸟来说&#xff0c;咱就用最简单最好理解的方式来写。1、首先观…...

编程新知 2026/4/3 16:52:33