Таблицы

Bootstrap класс. table стилизует HTML таблицу небольшим padding отступом и горизонтальными разделителями:

Firstname Lastname Email
John Doe john@example.com
Mary Moe mary@example.com
July Dooley july@example.com



Дополнительно класс class=«table table-striped» добавляет чередующуюся смену фона строк таблицы.



Класс class=«table table-bordered» добавляет разделители к ячейкам таблицы.



Класс class=«table table-hover» добавляет изменение фона при наведении курсора на строку таблицы.



Класс class=«table table-condensed» уменьшает высоту строки.



С помощью классов success, danger, info, active, warning можно выделять цветом строки таблицы.



Контейнер для таблицы

добавляет горизонтальную прокрутку для экранов менее 768px.



Вопросы:


Как стилизовать таблицу горизонтальными разделителями?

Ответ: добавить класс. table.


Как стилизовать таблицу повторяющимся разным фоном строк?

Ответ: добавить класс. table-striped.


Как добавить границы к ячейкам таблицы?

Ответ: добавить класс. table-bordered.


Как добавить изменение фона строки при наведении курсора?

Ответ: добавить класс. table-hover.


Как уменьшить отступ ячеек наполовину?

Ответ: добавить класс. table-condensed.


Как сделать разноцветным фон строк таблицы?

Ответ: применить классы. success,.danger,.warning