BootStrap table 图标显示问题引发的一系列问题

先上图效果

初学bootstrap table，现上引用，有本地、有在线的，还未整理，不喜欢在线引用的同学可以访问在线的网址，右键另存为即可

CSS：图标相关引用信息在bootstrap.min.css中，你可以搜索glyphicon查看

<link rel="stylesheet" type="text/css"href="../../assets/css/bootstrap.min.css">
<link href="https://unpkg.com/bootstrap-table@1.16.0/dist/bootstrap-table.min.css" rel="stylesheet">

JS：前两个不必说，后面四个我是从bootstrap-table示例扒来的https://examples.bootstrap-table.com/

<script type="text/javascript"src="../../assets/js/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="../../assets/js/bootstrap.min.js"></script>

<script src="https://unpkg.com/tableexport.jquery.plugin/tableExport.min.js"></script>
<script src="https://unpkg.com/bootstrap-table@1.16.0/dist/bootstrap-table.min.js"</script>
<script src="https://unpkg.com/bootstrap-table@1.16.0/dist/bootstrap-table-locale-all.min.js"></script>  
<script type="text/javascript" src="../../assets/js/dataTables/bootstrap-table-export.js"></script>

关于书写table的代码网上很多，自不必说

问题：只有列的图标可以显示，其他refresh、export的图标都不显示；

（写文章时错误已改正，这张图是盗图https://blog.csdn.net/darer49/article/details/87862541，关于fonts的也可以看一下他的表述）

一层一层来说，先说table自带的图标refresh为什么不显示，它是通过bootstrap.min.css中的url来指定的，url指向的是fonts文件，

1、确保有fonts文件，另外目录和css同一级别；https://download.csdn.net/download/u010763324/12331503

2、如果有文件，位置对，那是不是bootstrap.min.css写错了呢？ 答案是肯定的

在bootstrap.min.css文件中CTRL+F 搜索以下信息

refresh:"glyphicon-refresh icon-refresh"

引号内的图标没找到，应改为

refresh:"glyphicon glyphicon-refresh"

为什么这样写？请看https://www.runoob.com/try/demo_source/bootstrap3-glyph-icons.htm，名称间的小点点忽略，想用哪张图自己随便。

这就是为什么我们代码中会有如下一些示例，其实找图标去了

<span class="glyphicon glyphicon-search"></span>

Refresh说完了，其他自带的也就说完了，这下来看看Export，导出表格是拓展的功能

自然去bootstrap-table-export.js搜索glyphicon

说得对，改成刚刚说的方式，我图中已经改好了，其他就没什么好说的