Основная таблица:
<table> <tr> <td> имя пользователя </td> <td> пароль </td> </tr> <tr> <td> ааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааа
Добавление класса .table к тегу <table> может придать ему основной стиль, небольшое количество прокладки и горизонтальных разделителей.
Эффект отображения выглядит следующим образом:
Полосатая форма:
Добавление: class = "Таблица таблицы с полосами" в тег таблицы может добавить полосы Zebra в каждую строку в Tbody
<table> <tr> <td> имя пользователя </td> <td> пароль </td> </tr> <tr> <td> ааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааа
Эффект отображения выглядит следующим образом:
Стол с границами:
Добавьте Class = "Таблицы, связанные с таблицей" в тег таблицы, чтобы добавить границы в каждую ячейку таблицы.
<table> <tr> <td> имя пользователя </td> <td> пароль </td> </tr> <tr> <td> ааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааа
Эффект отображения выглядит следующим образом:
Форма сжатия:
Добавление класса .table-condensed может сделать таблицу более компактным, а накладка в ячейках будет уменьшена вдвое.
<table> <tr> <td> имя пользователя </td> <td> пароль </td> </tr> <tr> <td> ааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааа
Эффект отображения выглядит следующим образом:
Отзывчивая таблица:
Оберните любой .table Element в элементе .table-responsive и создайте отзывную таблицу, которая прокручивает горизонтально на небольшом экране (менее 768px). Когда экран больше ширины 768px, горизонтальная полоса прокрутки исчезает
<div><table><tr><td>Username</td><td>Password</td></tr><tr><td>Ahhh</td><td>1111</td></tr></table></div>
Выше приведено полное описание введения в стиле формы Bootstrap, представленного редактором. Я надеюсь, что это будет полезно для всех. Если у вас есть какие -либо вопросы, пожалуйста, оставьте мне сообщение, и редактор ответит всем вовремя. Большое спасибо за вашу поддержку сайту wulin.com!