Bootstrap-table：我如何修改表格工具栏的样式和图标

Question

我不觉得要修改表格工具栏的样式。在表中的定义是：data-toggle ='table'当我删除这些词的工具栏消失。

我在文件bootstrap-table.js中找到bootstrap标准图标的定义，但我不知道要更改它。

引导-table.js的代码是：

icons: { 
      paginationSwitchDown: 'glyphicon-collapse-down icon-chevron-down', 
      paginationSwitchUp: 'glyphicon-collapse-up icon-chevron-up', 
      refresh: 'glyphicon-refresh icon-refresh', 
      toggle: 'glyphicon-list-alt icon-list-alt', 
      columns: 'glyphicon-th icon-th', 
      detailOpen: 'glyphicon-plus icon-plus', 
      detailClose: 'glyphicon-minus icon-minus' 
     }, 

我认为要改变它，我必须创建与这些图像bootstrap.css一个新的条目。我不知道将我的图标图像链接到引导程序的css文件...

Answer 1

如果您想修改引导程序样式，您可以用自定义CSS覆盖它们。查找工具栏的类并将更改应用于这些类。

如果您有一个按钮工具栏，例如用下面的标记：

<div class="btn-toolbar" role="toolbar" aria-label="..."> 
    <div class="btn-group" role="group" aria-label="...">...</div> 
    <div class="btn-group" role="group" aria-label="...">...</div> 
    <div class="btn-group" role="group" aria-label="...">...</div> 
</div> 

你可以在你的CSS只是应用这些规则：

.btn-toolbar { 
    /* your styles */ 
} 

这里是一个article about customizing the default bootstrap stlye。