一:原因:bootstrap4.0以上不支持图标显示(实际上是缺少了一个css样式文件),因此可以手动添加对应的css文件(glyphicon.css),但是该css文件是依赖bootstrap3的fonts文件夹里面的文件,因此需要用到该文件
二:解决办法:
1:获取资源:
(1).下载bootstrap3,复制fonts文件夹到bootstrap4.0或以上的css文件夹的同级目录(方便以后使用)
(2).到网上下载对应的css样式文件(glyphicon.css),放入css文件夹内(方便以后使用)
2:引入资源
在原先的基础上引入相应的css文件和fonts文件夹即可(注意该fonts文件夹要与保存css文件的文件夹同级!!该css文件会默认在父级目录下寻找依赖fonts文件下的依赖文 件!)
三:说明
(1)打开glyphicon.css文件可以看到:该文件查找对应的依赖文件是默认从当前文件夹的上一级文件下的fonts文件夹里寻找(可以在这里指定依赖文件的位置,从而不需要fonts文件夹与保存css文件的文件夹同级)
(2)也可以直接使用bootstrap3版本,但是bootstrap3里面的样式没有bootstrap4里面的样式新(bootstrap3里面也没有独立的glyphicon.css文件,需要自己上网找!!)