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- указывает на опасное или потенциально негативное действие... ... ... ... ...
... ... ... ... ...
