bootstrap4中bootstrap_treeview不显示图标原因以及解决办法

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

1.bootstrap4中bootstrap_treeview不显示图标原因

查看过大神的博客，经过自己试验，插件依赖：

bootstrap/3.3.7
jquery/3.3.1

因为插件用了版本3的图标，而bootstrap 4却把图标和插件分离了，因此需要手动添加这些图标文件。
（1）但是经过查看“菜鸟教程”中的bootstrap教程，bootstrap4之前的字体图标使用的是“Glyphicons Halfings”,下载网址为https://glyphicons.com/,查看过之后发现该图标文件为收费文件。

（2）后来发现bootstrap中还可以引用fontawesome字体图标，下载网址为http://fontawesome.dashgame.com/

下载之后加入到与css、js同级的目录位置，通过在css中引用如下代码：

@font-face {
font-family: 'FontAwesome';
src: url('../font/bootstrap/glyphicons-halflings-regular.eot');
src: url('../fontawesome-free-5.12.1-web/webfonts/fa-brands-400.eot') format('embedded-opentype'),
url('.../fontawesome-free-5.12.1-web/webfonts/fa-brands-400.ttf') format('truetype'),
url('../fontawesome-free-5.12.1-web/webfonts/fa-brands-400.woff') format('woff'),
url('../fontawesome-free-5.12.1-web/webfonts/fa-brands-400.woff2') format('woff2'),
url('../fontawesome-free-5.12.1-web/webfonts/fa-brands-400.svg') format('svg');
font-weight: normal;
font-style: normal;
}
}

（3）如果需要的只是少数的图标图片，可以到https://www.iconfont.cn/去查看一下。