Bootstrap таблицы

Bootstrap таблицы

Bootstrap таблица

Bootstrap таблицы сопровождаются классом .table, добавляемым к каждой таблице.<table class="table">...</table>. Если нужно чередовать окраску строк, таблице добавляется CSS-класс .table-striped (так называемая «зебра»). Для отрисовки бордюров строк со всех сторон применяется класс .table-bordered, подсветка строк при наведении — .table-hover. Окраска строк таблицы выполняется классами .active (светло-серый), .success (зеленый), .info (голубой), .warning (бежевый), .danger (розовый).

Bootstrap таблицы


Пример оформления строк таблицы:

<tr class="active">...</tr>
<tr class="success">...</tr>
<tr class="warning">...</tr>
<tr class="danger">...</tr>
<tr class="info">...</tr>

Пример оформления ячеек таблицы:

<tr> <td class="active">...</td>
<td class="success">...</td>
<td class="warning">...</td>
<td class="danger">...</td>
<td class="info">...</td>

Добавить комментарий