Загрузочный стол: как я изменяю стиль и значки панели инструментов таблицы

Question

Я не могу изменить стиль панели инструментов таблицы. В определении таблицы: data-toggle = 'table', когда я удаляю эти слова, панель инструментов исчезает.

Я нашел в файле bootstrap-table.js определения стандартных значков бутстрапа, но я не знаю, как его изменить.

Код бутстраповского-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-файлом bootstrap ...

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.