Bootgrid刷新按钮不是大小

我正在使用bootstrap和jquery bootgrid ，一切都还可以。 然后我开始了一个新项目并在那里使用了bootgrid。 我得到一个奇怪的事情：在网格的控制面板上，刷新按钮比其他按钮小。 但我没有改变bootgrid中的任何配置，都是默认的。

为什么它可以以及如何解决它？ 这个按钮是自动生成的，我没有想法……

UPD

JS：

$(function () { var autoOutGrig = $("#autoOutGrig").bootgrid({ navigation: 3, ajax: true, url: "controllers/getListFiles", post: function () { return { type: 'req', expanded: $('#exp').text() }; }, responseHandler: function (response) { return response.data; } }); 

HTML：

 
  
Auto OUT
  <!-- --> 
 
 
 
Дата/Время
 
Список
 
Имя файла
 
UID
 
AccountsRequestId
Тип ответа
 
Имя ответа
 
 
  

UPD：来自chrome检查的款式。

UPD2：以下答案中的代码在我的服务器上不起作用。 但它在堆栈snippset上工作正常！

       $(function () { var testGrid = $("#testGrid").bootgrid({ navigation: 3, ajax: true, url: "controllers/getListFiles", post: function () { return { type: 'req', expanded: $('#exp').text() }; }, responseHandler: function (response) { return response.data; } }); });  
  
Auto OUT
 
 
 
 
Дата/Время
 
Список
 
Имя файла
 
UID
 
AccountsRequestId
 
 
 
  

Answer 1

我确保你正在为你的项目提供最新的CSS库

• https://cdnjs.com/libraries/jquery
• https://cdnjs.com/libraries/twitter-bootstrap
• https://cdnjs.com/libraries/jquery-bootgrid

它似乎与您提供的代码一致正常：

 $(function () { var autoOutGrig = $("#autoOutGrig").bootgrid({ navigation: 3, ajax: true, url: "controllers/getListFiles", post: function () { return { type: 'req', expanded: $('#exp').text() }; }, responseHandler: function (response) { return response.data; } }); }); 

      
  
Auto OUT
 
 
 
 
Дата/Время
 
Список
 
Имя файла
 
UID
 
AccountsRequestId
 
 
 
  

Answer 2

 There are problems with class name. You have to change class names in "jquery.bootgrid.js" file. So, You can get refresh, search and menu drop down icon. 

更改1：用于刷新按钮图标。 请替换“jquery.bootgrid.js”中的给定代码

 actionButton: "" 

代替

 actionButton: "{{ctx.content}}" 

更改2：搜索图标。 请替换“jquery.bootgrid.js”中的给定代码

 search: "
 
" 

代替

 search: "
 
" 

Answer 3

将此css添加到您的代码中，希望它将修复刷新按钮的大小。

问候，