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>标签图标显示正常。