Адаптивная таблица цветов · HEXColor & Bootstrap 3

Адаптивная таблица цветов

В адаптивной таблице используются 512 HEX кодов цветовой палитры, адаптивность таблицы актуальна при использовании вёрстки плагина bootstrap 3.

Подключение таблицы цветов HEXColor & Bootstrap 3

Для подключения таблицы Вам понадобится добавить в структуру вёрстки фреймворка bootstrap 3 скрипт загрузки таблицы, используются служебные классы плагина class="table-responsive" и class="table".

<script src="//atmpl.ru/design/adaptive-tables/2014/table-color/adaptive-table-color.js"></script>

Подключенная таблица цветов HEXColor & Bootstrap 3


<div class="col-md-offset-2 col-md-8">
<script src="//atmpl.ru/design/adaptive-tables/2014/table-color/adaptive-table-color.js"></script>
</div>
<div class="clearfix"></div>
При получении размеров свободной области менее достаточной для адекватного отображения, секции таблицы получат скроллинг по overflow-x.
Чтобы исключить конфликт таблицы с соседними элементами, используйте служебный класс class="clearfix" для разделения.

Скачать таблицу цветов HEXColor & Bootstrap 3

Скачать с GitHub

Рейтинг: 5.0/5 из 2



Добавлено Автор Ник Источник Просмотров Комментариев Теги
13-12-2014 Михаил Меренков aTmpl © 794 0 table color, responsive table, адаптивная таблица, таблица цветов