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。