<table> Классы
Используйте классы ниже, чтобы стиль любой таблицы:
| Класс | Описание | пример |
|---|---|---|
| .table | Добавляет базовый стиль (светло - отступы и только горизонтальные разделители) для любого <table> | Попробуй |
| .table-striped | Добавляет Зебра чередование данных в любой строке таблицы в пределах <tbody> (не доступен в IE8) | Попробуй |
| .table-bordered | Добавляет границу со всех сторон стола и клеток | Попробуй |
| .table-hover | Включает состояние парения на строках таблицы в пределах <tbody> | Попробуй |
| .table-condensed | Делает стол более компактным за счет сокращения ячейки отступы пополам | Попробуй |
| Объединение всех классов таблиц | Попробуй | |
<tr>, <th> и <td> Классы
Используйте классы ниже для цветных строк таблицы или ячеек:
| Класс | Описание | пример |
|---|---|---|
| .active | Применяется цвет парения к конкретной строке или ячейке | Попробуй |
| .success | Указывает на успешное или положительное действие | Попробуй |
| .info | Указывает нейтральный информативный изменение или действие | Попробуй |
| .warning | Указывает на предупреждение, что, возможно, нуждаются во внимании | Попробуй |
| .danger | Указывает на опасную или потенциально негативное действие | Попробуй |
Отзывчивый Столы
.table Реагирующих класс создает ответную таблицу. Таблица будет затем прокрутки по горизонтали на небольших устройствах (под 768px). При просмотре на что-либо большее, чем 768px широкий, нет никакой разницы: