简介
今天使用 Bootstrap4 做项目，引用了 Bootstrap 的官方图标库，首先进行了安装：npm i bootstrap-icons
然后打开自己想要的图标，查看右侧的图标使用方法，比如：
之后复制到自己项目的相应位置上，这些步骤并没有什么错误，但浏览器中却没有显示出来刚刚的图标。
这就很让我不解，经过一番查询，看到了一个博客说：Bootstrap4 将这两者分离开了，可以去看看：https://blog.csdn.net/weixin_38997311/article/details/80673047
然后，他博客提到说:这些内容是官网说了的，所以还是要多看官方文档，视频那些不是最新的，官方博客才是实时更新的！！！
这个官网的github地址：https://github.com/iconic/open-iconic
友情提醒，大家还是多背单词吧，我就是个英语学渣，看到就打脑壳。唉，谁叫我喜欢这个岗位呢。
解决方法
直接使用 那个图标左侧下面的 svg 图标代码，而不要使用图标字体。
当我们把 svg 的图标代码 粘贴到项目中去，就可以在浏览器中刷新看到结果了。
