据说是因为boostrap的css里删除了图标分开了，emmm，我也不知道啊！！
但是解决方案如下：
npm i https://github.com/iconic/open-iconic.git -D
npm可能会有点慢，所以我用的是cnpm
下载完了之后要记得去main.js去引入包
import 'bootstrap/dist/css/bootstrap.min.css'
import 'open-iconic/font/css/open-iconic-bootstrap.css'
还有记得在配置文件添加字体图标的后缀
{
test: /\.(ttf)|(eot)|(svg)|(woff)|(woff2)|(otf)$/,
use: 'url-loader'
},
特别注意的是
glyphicon glyphicon-heart等同于oi oi-heart
<span class="oi oi-heart" aria-hidden="true"></span>
然后就可以使用bootstrap的字体图标啦~
对了，参考链接：https://www.cnblogs.com/ZaraNet/p/10255965.html
手动分割线
我好像发现，bootstrap上的图标有一些是没有用的，所以各位要去https://useiconic.com/open#icons
这里去查看相对应的图标，不要去bootstrap那边引入图标类名
网友评论