bootstrapTable中右上方的“刷新”，“切换”，“列”图标样式不一致，大小不一样

Question

我查看我所用的 bootstrap-table.js 中有关这三个按钮部分的源码，如下
第三个按钮确实是被一个div包含的，但细想，bootstrapTable本来就是封装好的东西，不至于，想用的人还要修改源码，才能实现想要的样式吧，所以，觉得，是不是有些自己不知道的属性，没有用到，导致，三个按钮大小不一呢？

Answer 1

起初一直将注意力集中在bootstrapTable的属性上面，以为是某些属性应用错误，或者是没有运用到位，直到读了一篇关于bootstrapTable兼容 IE的帖子，说到Jquery库的问题，开始我用的是
<script src="<%=request.getContextPath()%>/yumstonemanage/js/jquery-2.0.0.min.js"></script>
后来使用
<script src="js/bootstrap/jquery-1.12.0.min.js"></script>
问题解决。

Answer 2

我把jquery从3.2.1换成1.12.4也没能解决问题。

Answer 3

和你一样的问题，我引入bootstrap依赖的jQuery依然不行

Answer 4

使用了一种低效的方法解决该问题，找到刷新按钮是如下定义的
<button class="btn btn-default" type="button" name="refresh" aria-label="refresh" title="Refresh"><i class="glyphicon glyphicon-refresh icon-refresh"></i></button>
然后曹勇如下方法进行格式设置
//1、获取所有button对象
var button = document.getElementsByTagName("button");
//2、遍历这些对象找到name是“refresh”的对象
//3、给该对象设置唯一的id然后利用js中的方法给这个id的对象设置高度、宽度即可
for(i=0;i<button.length;i++){
          if(button[i].name=='refresh'){
          button[i].id = 'toolbar_refresh';
          document.getElementById('toolbar_refresh').style.height=34;
          document.getElementById('toolbar_refresh').style.width=52;
      }
   }

Answer 5

使用了一种低效的方法解决该问题，找到刷新按钮是如下定义的
<button class="btn btn-default" type="button" name="refresh" aria-label="refresh" title="Refresh"><i class="glyphicon glyphicon-refresh icon-refresh"></i></button>
然后按照如下方法进行格式设置
//1、获取所有button对象
var button = document.getElementsByTagName("button");
//2、遍历这些对象找到name是“refresh”的对象
//3、给该对象设置唯一的id然后利用js中的方法给这个id的对象设置高度、宽度即可
for(i=0;i<button.length;i++){
          if(button[i].name=='refresh'){
          button[i].id = 'toolbar_refresh';
          document.getElementById('toolbar_refresh').style.height=34;
          document.getElementById('toolbar_refresh').style.width=52;
      }
   }