Question

我没有找到修改表格工具栏的样式。在表的定义中是：data-toggle =＆＃39; table＆＃39;当我删除这些单词时，工具栏会消失。

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

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中创建一个新条目。我不知道将我的图标图像链接到bootstrap的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。

Bootstrap-table：我如何修改表格工具栏

1 个答案: