3.6 KiB
title | localeTitle |
---|---|
Tables | таблицы |
## Таблицы
Основная таблица
Чтобы получить базовый пример стилизации, добавьте базовый класс .table
в любой элемент <table>
.
пример
<table class="table">
...
</table>
Полосатая полоса
Для достижения эффекта полосатого ряда (зебра-полосатый) в таблицах используйте .table-striped
в дополнение к .table
для любого элемента <table>
. Полосатые таблицы стилизованы с помощью селектора CSS :nth-child
, который недоступен в Internet Explorer 8.
<table class="table table-striped">
...
</table>
Таблица Bordered
Для достижения .table-bordered
таблицы используйте .table-bordered
в дополнение к .table
для любого элемента <table>
.
<table class="table table-bordered">
...
</table>
Table Hover
Чтобы добиться эффекта наведения на таблицы, используйте .table-bordered
в дополнение к .table
для любого элемента <table>
.
<table class="table table-hover">
...
</table>
Таблица Сжатая
Для того, чтобы использовать таблицу с уплотненным столом, можно использовать для .table-condensed
в дополнение к .table
на любом элементе <table>
.
<table class="table table-condensed">
...
</table>
Таблица
Чтобы получить отзывчивую таблицу, .table
любую таблицу .table-responsive
элемент с .table
таблицы.
...
Разработчики могут изменять стиль каждой отдельной строки и / или ячейки с помощью контекстуальных классов .
-
.active
- Применяет цвет наведения к определенной строке или ячейке -
.success
- указывает на успешное или позитивное действие -
.info
- указывает нейтральное информационное изменение или действие -
.warning
- указывает предупреждение, которое может потребовать внимания. -
.danger
- указывает на опасное или потенциально негативное действие... ... ... ... ...
... ... ... ... ...