В предыдущей статье я представил примечания по изучению Bootstrap3 (1) и исследования System System Bootstrap3 (2) и планировку исследований Bootstrap3 (2) в системе сетки.
Просто используйте класс .table на теге таблицы, чтобы использовать стиль таблицы Bootstrap по умолчанию
Если фон строки должен быть чередованием, вы можете установить его так:
Кода -копия выглядит следующим образом:
<Таблица>
Если вам нужна граница, вы можете сделать это так:
Кода -копия выглядит следующим образом:
<Таблица>
Если вы хотите, чтобы мышь перешла на линию контента, чтобы иметь отзывчивый эффект, вы можете установить ее так:
Кода -копия выглядит следующим образом:
<Таблица>
Если вы хотите, чтобы таблица была компактной и сохранив пространство, вы можете установить его так. Педдинг ячейки будет сокращена до 4px, а накладка по умолчанию составляет 8px:
Кода -копия выглядит следующим образом:
<Таблица>
Вы также можете добавить определенный стиль в ряд:
<tr> <tr> <tr> <tr> <tr>
Чтобы последовательно отображаться на разных устройствах, вы также можете использовать адаптивные настройки для таблицы. Используйте div, чтобы изменить его за пределами таблицы, что автоматически адаптируется к устройствам менее или превышает 768px:
Кода -копия выглядит следующим образом:
<div>
Bootstrap поддерживает элементы таблицы:
Выше приведено соответствующее знание исследования Bootstrap3 Примечания (iii), введенная вам редактором. Я надеюсь, что это будет полезно для вас. Если у вас есть какие -либо вопросы, пожалуйста, оставьте мне сообщение, и редактор ответит вам вовремя. Большое спасибо за вашу поддержку сайту wulin.com!