Меню

Bootstrap нумерация строк таблицы



Блог Vaden Pro

Оформляем таблицы с Bootstrap

Оформление таблицы достаточно скушная процедура, требующая к себе особого внимания лишь в крайних случаях, поскольку обычно требования к их оформлению ограничиваются удобочитаемостью и стилизацией под общий дизайн сайта.

Если у Вас нет желания уделять внимание оформлению таблиц, то воспользоваться для этой цели Bootstrap будет весьма рациональным выбором.

Таблицы Bootstrap

Предположим мы уже создали обычную таблицу:

И на данном этапе без оформления она у нас выглядит следующим образом:

Таблица без оформления

Вот и пришло время прибегнуть к помощи нашего CSS фреймфорка.

Стандартное оформление таблицы

Для того, чтобы подключить Bootstrap оформление к созданной нами таблице в самом минимальном варианте необходимо присвоить тегу table соответствующий класс:

После внесения данных изменений в код таблица примет следующий вид:

Базовое оформление таблицы Bootstrap

Как мы видим, во-первых она расширилась до размеров родительского контейнера, во-вторых у ячеек появились отступы, изменился шрифт, в-третьих появились разделители между строками.

В целом минимальные требования к оформлению уже выполнены, но мы можем продолжить стилизовать таблицу доводя ее до необходимой нам кондиции.

Таблица с чередующимися строками

Добавляя к table класс .table-striped мы получаем из нашей заготовки симпотичную табличку с чередующимися фонами у строк:

Таблица с чередующимися строками в Bootstrap

На всякий случай уточню, что в этом случае в код внесены следующие изменения:

Таблица с границами

Если на чем-то не устраивает отсутствие вертикальных границ и охота получить просто обычную таблицу с нормальными отступами, то стоит воспользоваться классом .table-bordered.

В результате следующего сочетания:

Bootstrap таблица с границами

Реагирующие на наведение строки

Чтобы добавить динамичности, да и в целом удобства в обращении с таблицей (лично мне удобнее читать информацию, когда текущая строка подсвечивается), можно воспользоваться классом .table-hover. Он изменяет цвет строки на которую наведен курсор мыши.

Строка в таблице с hover на Bootstrap

Компактный вариант

Если кому-то не нравятся слишком большие отступы до границ ячеек или же просто следует уместить больше информации в ограниченном пространстве, то на выручку приходит класс .table-condensed

Bootstrap компактная таблица

Ячейки и строки с заданными фонами

При желании мы можем менять фоны у строк и ячеек по своему усмотрению.

Для этого соответствующих тегов (tr, td) можно присваивать классы добавляющие им цвета.

В нашем распоряжении имеется 5 таких классов:

  • .active – сероватый фон, цвет используется тот же, что у активных строк в случае применения к таблице класса .table-hover
  • .success – приятный салатный цвет фона
  • .info – нейтральный, голубоватый оттенок цвета
  • .warning – пастельный желтый цвет
  • .danger – фон в красных тонах призванный обращать на себя внимание

Чтобы не запутаться давайте доработаем наш исходный код с применением данных классов:

ОБРАТИТЕ ВНИМАНИЕ!

Даже когда мы не добавляем ничего к самому тегу table, должен в нем присутствовать, чтобы корректно работали все остальные.

В результате проделанных манипуляций у нас выйдет следующая картина:

Bootstrap цветные ячейки таблиц

«Отзывчивые» таблицы

Разработчики Bootstrap позаботились о удобстве создания мобильных версий сайтов. Так появились классы делающие элементы дизайна «отзывчивыми».

В случае таблиц это класс .table-responsive, который присваивается РОДИТЕЛЬСКОМУ для table тегу:

Принцип действия у него следующий- если ширина экрана оказывается меньше 769 пикселей и содержимое таблице не вмещается в отводимое ей пространство, то под ней появляется горизонтальная полоса прокрутки:

Отзывчивые таблицы Bootstrap

Комбинирование классов

Вот мы и перечислили все основные инструменты для стилизации таблиц. Как обычно, для получения наилучшего решения, мы спокойно можем комбинировать классы:

Bootstrap таблица с комбинированными классами

Ну а уникальные штрихи можно добавить уже воспользовавшись своим файлом CSS.

Если вы еще не знакомы тесно с Bootstrap, то о прочих возможностях данного фреймворка можно узнать во вводном уроке курса.

Источник

Tables

Documentation and examples for opt-in styling of tables (given their prevalent use in JavaScript plugins) with Bootstrap.

Examples

Using the most basic table markup, here’s how .table -based tables look in Bootstrap. All table styles are inherited in Bootstrap 4, meaning any nested tables will be styled in the same manner as the parent.

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

You can also invert the colors—with light text on dark backgrounds—with .table-dark .

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Table head options

Similar to tables and dark tables, use the modifier classes .thead-light or .thead-dark to make

s appear light or dark gray.

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Striped rows

Use .table-striped to add zebra-striping to any table row within the

.

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Bordered table

Add .table-bordered for borders on all sides of the table and cells.

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Hoverable rows

Add .table-hover to enable a hover state on table rows within a

.

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Small table

Add .table-sm to make tables more compact by cutting cell padding in half.

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Contextual classes

Use contextual classes to color table rows or individual cells.

Class Heading Heading
Active Cell Cell
Default Cell Cell
Primary Cell Cell
Secondary Cell Cell
Success Cell Cell
Danger Cell Cell
Warning Cell Cell
Info Cell Cell
Light Cell Cell
Dark Cell Cell

Regular table background variants are not available with the dark table, however, you may use text or background utilities to achieve similar styles.

# Heading Heading
1 Cell Cell
2 Cell Cell
3 Cell Cell
4 Cell Cell
5 Cell Cell
6 Cell Cell
7 Cell Cell
8 Cell Cell
9 Cell Cell
Conveying meaning to assistive technologies

Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the .sr-only class.

Create responsive tables by wrapping any .table with .table-responsive <-sm|-md|-lg|-xl>, making the table scroll horizontally at each max-width breakpoint of up to (but not including) 576px, 768px, 992px, and 1120px, respectively.

Note that since browsers do not currently support range context queries, we work around the limitations of min- and max- prefixes and viewports with fractional widths (which can occur under certain conditions on high-dpi devices, for instance) by using values with higher precision for these comparisons.

Captions

A functions like a heading for a table. It helps users with screen readers to find a table and understand what it’s about and decide if they want to read it.

List of users

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Responsive tables

Responsive tables allow tables to be scrolled horizontally with ease. Make any table responsive across all viewports by wrapping a .table with .table-responsive . Or, pick a maximum breakpoint with which to have a responsive table up to by using .table-responsive <-sm|-md|-lg|-xl>.

Vertical clipping/truncation

Responsive tables make use of overflow-y: hidden , which clips off any content that goes beyond the bottom or top edges of the table. In particular, this can clip off dropdown menus and other third-party widgets.

Always responsive

Across every breakpoint, use .table-responsive for horizontally scrolling tables.

# Heading Heading Heading Heading Heading Heading Heading Heading Heading
1 Cell Cell Cell Cell Cell Cell Cell Cell Cell
2 Cell Cell Cell Cell Cell Cell Cell Cell Cell
3 Cell Cell Cell Cell Cell Cell Cell Cell Cell

Breakpoint specific

Use .table-responsive <-sm|-md|-lg|-xl>as needed to create responsive tables up to a particular breakpoint. From that breakpoint and up, the table will behave normally and not scroll horizontally.

Источник

Bootstrap нумерация строк таблицы

1- Базовая таблица

Table (Таблица) это один из компонентов, который широко используется на веб странице. Чтобы использовать таблицу в Bootstrap 4 вам просто нужно применить класс .table для тегов (tag) , и некоторые дополнительные классы для создания, оформления таблицы по желанию.Примените класс .table для вы получите саму базовую таблицу в стиле Bootstrap. Изображение ниже покажет вам разницу между таблицей по умолчанию и таблицей применяющей класс .table:

Класс .table настраивает ширину 100% и прозрачный фоновый цвет (transparent) для таблицы и padding для ячеек (cell),
Класс .table применяет прозрачный фоновый цвет (transparent) для таблицы, но если вы хотите другой цвет фона, то можете использовать следующие некоторые готовые классы:

  • .table-primary
  • .table-secondary
  • .table-success
  • .table-danger
  • .table-warning
  • .table-info
  • .table-light
  • .table-dark
  • .table-muted
  • .table-white

2- Header Color — Цвет заголовка

Вы можете настроить цвет для Header таблицы используя класс .thead-dark или .thead-light для тега :

Помимо этого, чтобы настроить цвет для Header таблицы, вы так же можете использовать классы ниже:

  • .table-primary
  • .table-secondary
  • .table-success
  • .table-danger
  • .table-warning
  • .table-info
  • .table-light
  • .table-dark
  • .table-muted
  • .table-white

3- Cell Color — Цвет ячеек

Вы можете применить цвет к отдельным строкам или ячейкам с помощью контекстных классов Bootstrap 4:

  • .table-primary
  • .table-secondary
  • .table-success
  • .table-danger
  • .table-warning
  • .table-info
  • .table-light
  • .table-dark
  • .table-muted
  • .table-white

4- Striped Table — Полосатая таблица

Используя класс .table-striped вы можете создать таблицы с полосками (Striped table), это означает четные и нечетные строки в будут иметь разные фоновые цвета, это помогает пользователю легче ориентироваться.

Вы так же можете применить класс .table-dark сделав таблицу темного цвета

5- Bordered Table — Таблица с обрамлением

Для границ по всей таблице используйте класс .table-borded (оставляя при этом класс .table на месте).

Так же вы можете сочетать с классом полосатой таблицы .table .table-bordered .table-striped

6- Borderless Table — Таблица без обрамления

Класс .table-borderless помогает вам создать таблицу баз границ (border), стороны таблицы не будут иметь границ, так же как и все ячейки (cell).

Используйте .table-borderless + .table-dark чтобы создать таблицу баз границ, с темным фоновым цветом.

7- Hoverable rows — Эффект наведения в строках

Класс .table-hover помогает вам создать эффект (effect) изменения фонового цвета когда курсор (pointer) передвигается на строках (row) таблицы (Выделяются только строки в ). Данный эффект можно посмотреть на изображение ниже:

8- Table .table-sm — Сжатые таблицы

Bootstrap настраивает padding для ячеек таблицы, данное значение по-умолчанию является 0.75rem, если вам нужна таблица поменьше, используйте класс .table-sm, данный класс уменьшает значение padding наполовину. Ниже на изображение показаны таблица не использующей класс .table-sm и таблица использующей .table-sm.

9- Responsive Table — Адаптивная таблица

Очень сложно создать таблицу подходящую устройствам с разными ширинами экрана. При меньшей ширине устройства, таблица старается уменьшить свою ширину. На самом деле столбцы не могут уменьшить свою ширину к 0. И когда таблица не может больше уменьшиться в ширине, появится горизонтальная прокрутка (scroll bar) на браузере.

Источник

Таблицы в Bootstrap 4

Bootstrap 4 добавил несколько новых классов таблиц, которые помогают создавать единообразно оформленные и адаптивные таблицы.

Базовая таблица

Для базовой таблицы, с небольшим padding у ячеек и горизонтальными разделителями, примените класс .table к элементу .

Заголовок 1 Заголовок 2 Заголовок 3
Подвал 1 Подвал 2 Подвал 3
Ячейка Ячейка Ячейка
Ячейка Ячейка Ячейка
Ячейка Ячейка Ячейка

Тёмная таблица

Вы можете использовать класс .table-dark для инвертирования цветов, чтобы на тёмном фоне был светлый текст.

Заголовок 1 Заголовок 2 Заголовок 3
Подвал 1 Подвал 2 Подвал 3
Ячейка Ячейка Ячейка
Ячейка Ячейка Ячейка
Ячейка Ячейка Ячейка

Новое в Bootstrap 4

Тёмные таблицы являются новыми в Bootstrap 4.

Полосатая таблица

Для чередования фоновых цветов в строках добавьте класс .table-striped (оставляя при этом класс .table на месте).

Заголовок 1 Заголовок 2 Заголовок 3
Подвал 1 Подвал 2 Подвал 3
Ячейка Ячейка Ячейка
Ячейка Ячейка Ячейка
Ячейка Ячейка Ячейка

Таблица с обрамлением

Для границ по всей таблице используйте класс .table-borded (оставляя при этом класс .table на месте).

Заголовок 1 Заголовок 2 Заголовок 3
Подвал 1 Подвал 2 Подвал 3
Ячейка Ячейка Ячейка
Ячейка Ячейка Ячейка
Ячейка Ячейка Ячейка

Подсветка строк

Чтобы добиться эффекта «подсветки», когда курсор наводится на строки таблицы, используйте класс .table-hover (оставляя при этом класс .table на месте).

Заголовок 1 Заголовок 2 Заголовок 3
Подвал 1 Подвал 2 Подвал 3
Ячейка Ячейка Ячейка
Ячейка Ячейка Ячейка
Ячейка Ячейка Ячейка

Стили заголовка таблицы

Вы можете добавить фоновый цвет к элементу с помощью .thead-default или .thead-inverse .

Светлый

Используйте класс .thead-light .

Заголовок 1 Заголовок 2 Заголовок 3
Подвал 1 Подвал 2 Подвал 3
Ячейка Ячейка Ячейка
Ячейка Ячейка Ячейка
Ячейка Ячейка Ячейка

Тёмный

Используйте класс .thead-dark .

Заголовок 1 Заголовок 2 Заголовок 3
Подвал 1 Подвал 2 Подвал 3
Ячейка Ячейка Ячейка
Ячейка Ячейка Ячейка
Ячейка Ячейка Ячейка

Новое в Bootstrap 4

Стили заголовка таблицы являются новыми в Bootstrap 4.

Маленькие/сжатые таблицы

Если вы считаете, что в таблице слишком много отступов, то можете убрать их наполовину через класс .table-sm (оставляя при этом класс .table на месте).

Заголовок 1 Заголовок 2 Заголовок 3
Подвал 1 Подвал 2 Подвал 3
Ячейка Ячейка Ячейка
Ячейка Ячейка Ячейка
Ячейка Ячейка Ячейка

Bootstrap 4 против Bootstrap 3

Обратите внимание, что Bootstrap 4 использует .table-sm для сжатия таблицы, а Bootstrap 3 использует .table-condensed . Оба уменьшают padding для ячеек вполовину.

Контекстные классы

Вы можете применить цвет к отдельным строкам или ячейкам с помощью пяти контекстных классов Bootstrap: .table-active , .table-success , .table-info , .table-warning и .table-danger .

Заголовок 1 Заголовок 2 Заголовок 3
Активный Успех
Информация
Опасность Предупреждение

Bootstrap 4 против Bootstrap 3

Bootstrap 3 не задействует префикс .table- для своих контекстных классов. К примеру, Bootstrap 3 использует .active , тогда как Bootstrap 4 .table-active . Кроме этого, обе версии используют одни и те же пять контекстных ключевых слов (active, success, info, warning, danger).

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

Адаптивные таблицы автоматически создают горизонтальную полосу прокрутки при просмотре на устройствах меньше заданной точки останова. Чтобы создать адаптивную таблицу, заключите таблицу в элемент

Заголовок 1 Заголовок 2 Заголовок 3 Заголовок 4 Заголовок 5 Заголовок 6 Заголовок 7 Заголовок 8 Заголовок 9 Заголовок 10
Ячейка Ячейка Ячейка Ячейка Ячейка Ячейка Ячейка Ячейка Ячейка Ячейка
Ячейка Ячейка Ячейка Ячейка Ячейка Ячейка Ячейка Ячейка Ячейка Ячейка
Ячейка Ячейка Ячейка Ячейка Ячейка Ячейка Ячейка Ячейка Ячейка Ячейка

Классы .table-responseive-* могут использоваться для указания конкретной точки останова. Это .table-response-sm , .table-response-md , .table-responseive-lg и .table-responseive-xl . С указанной точки останова и выше таблица будет вести себя обычно, а не прокручиваться горизонтально.

Класс .table-responseive эквивалентен .table-responseive-md .

Источник

Содержание

Стили для отображения Контента с некоторыми из наиболее часто используемых HTML-элементов, включая нормализацию, типографика, Изображения, таблицы и более.

Таблицы

Содержание

  • Содержание
  • Примеры
  • Таблица параметры заголовка
  • «Зебра»
  • Рамочная таблица
  • Наведение строк
  • Небольшая таблица
  • Контекстные классы
  • Адаптивные таблицы
    • Оплавления

Примеры

Используя самые элементарные таблица наценки, вот как .table на основе таблицы смотри на Bootstrap.

# Имя Фамилия Пользователь
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Вы также можете инвертировать цвета—со светлым текстом на темном фоне—с .table-inverse .

# Имя Фамилия Пользователь
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Таблица параметры заголовка

Аналогично по умолчанию и обратные таблицы, использовать один из двух классов модификатор, чтобы сделать

появляются светло-или темно-серый.

# Имя Фамилия Пользователь
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
# Имя Фамилия Пользователь
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

«Зебра»

Используйте .table-striped для добавления зебра-чередование любого таблица подряд в

.

# Имя Фамилия Пользователь
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
# Имя Фамилия Пользователь
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Рамочная таблица

Добавить .table-bordered для границ со всех сторон таблица и клеток.

# Имя Фамилия Пользователь
1 Mark Otto @mdo
2 Mark Otto @TwBootstrap
3 Jacob Thornton @fat
4 Larry the Bird @twitter
# Имя Фамилия Пользователь
1 Mark Otto @mdo
2 Mark Otto @TwBootstrap
3 Jacob Thornton @fat
4 Larry the Bird @twitter

Наведение строк

Добавить .table-hover для включения наведение состояние О таблица строк в

.

# Имя Фамилия Пользователь
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
# Имя Фамилия Пользователь
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Небольшая таблица

Добавьте класс .table-sm , чтобы сделать таблицу более компактной, уменьшив наполовину внутренний отступ в ячейках.

# Имя Фамилия Пользователь
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
# Имя Фамилия Пользователь
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Контекстные классы

Использовать контекстные классы для стиля строк таблицы или отдельных ячеек.

Класс Описание
.table-active Применяет цвет при наведении на конкретную строку или ячейку
.table-success Указывает на успешное или позитивное действие
.table-info Указывает на нейтральные информативные изменения или действия
.table-warning Указывает на предупреждения, которые могут потребовать внимания
.table-danger Указывает на опасное или потенциально негативное действие
# Заголовок столбца Заголовок столбца Заголовок столбца
1 Column content Column content Column content
2 Column content Column content Column content
3 Column content Column content Column content
4 Column content Column content Column content
5 Column content Column content Column content
6 Column content Column content Column content
7 Column content Column content Column content
8 Column content Column content Column content
9 Column content Column content Column content

Регулярное таблица вариантов предпосылки не доступно с обратным таблица, однако, вы можете использовать текст или фона утилит для достижения подобных стилей.

# Заголовок столбца Заголовок столбца Заголовок столбца
1 Column content Column content Column content
2 Column content Column content Column content
3 Column content Column content Column content
4 Column content Column content Column content
5 Column content Column content Column content
6 Column content Column content Column content
7 Column content Column content Column content
8 Column content Column content Column content
9 Column content Column content Column content

Передать смысл для ассистивных технологий

Используя цвет, чтобы добавить смысл только обеспечивает визуальную индикацию, которая не будет доведена до пользователей ассистивных технологий, таких как экранные дикторы. Убедитесь, что информация обозначается цвет либо очевидно из самого содержимого (например, текст), или включен с помощью альтернативных средств, таких как дополнительный текст, скрытый с .sr-only класс.

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

Сделать таблицу адаптивной можно просто с помощью добавления класса .table-responsive к .table , благодаря этому у Вас появятся полосы прокрутки таблицы на устройствах с малыми дисплеями (менее 768px). При просмотре таблицы на устройстве с шириной экрана более чем 768px Вы даже не заметите разницы.

Вертикальной подрезки/усечения

Адаптивный таблицы использовать overflow-y: hidden , который загибается любое содержание, которое выходит за пределы нижней или верхней кромками таблица. В частности, это может клип выпадающие меню и другие сторонние виджеты.

Firefox и fieldsets

Firefox имеет какой-то несуразный набор полей для укладки участием width что мешает быть таблице адаптивной. Это не может быть изменено без Firefox на конкретные взломать, что мы не дают в Bootstrap:

Для получения дополнительной информации, прочитайте этот ответ на Stack Overflow.

# Таблица Заголовок Таблица Заголовок Таблица Заголовок Таблица Заголовок Таблица Заголовок Таблица Заголовок
1 Table cell Table cell Table cell Table cell Table cell Table cell
2 Table cell Table cell Table cell Table cell Table cell Table cell
3 Table cell Table cell Table cell Table cell Table cell Table cell
# Таблица Заголовок Таблица Заголовок Таблица Заголовок Таблица Заголовок Таблица Заголовок Таблица Заголовок
1 Table cell Table cell Table cell Table cell Table cell Table cell
2 Table cell Table cell Table cell Table cell Table cell Table cell
3 Table cell Table cell Table cell Table cell Table cell Table cell

Обратный стиль

Превратите традиционную таблицу на их стороне с помощью table-reflow . При использовании обратного стиля, заголовок таблицы будет в первом столбце, первая строка таблицы становится второй колонкой, вторая строка становится третьей колонкой, и т. д.

Содержание заказа и сложных таблицы

Помните, что table-reflow изменения стиля визуальный порядок содержания. Убедитесь, что вы только применить этот стиль к хорошо сформированные и простые данные таблицы (и в частности, не использовать это для разметка таблицы) с соответствующими

таблица заголовков ячеек для каждой строки и столбца.

Кроме того, этот класс не будет работать за таблицы клеток, которые охватывают несколько строк или столбцов (с помощью rowspan или colspan атрибуты).

# Таблица Заголовок Таблица Заголовок Таблица Заголовок Таблица Заголовок Таблица Заголовок Таблица Заголовок
1 Table cell Table cell Table cell Table cell Table cell Table cell
2 Table cell Table cell Table cell Table cell Table cell Table cell
3 Table cell Table cell Table cell Table cell Table cell Table cell
  • GitHub
  • Twitter
  • Примеры
  • О нас

Спроектированы и построены со всей любовью в мире @mdo и @fat. Поддерживается основной командой с помощью наших спонсоров.

Сейчас v4.0.0-alpha.4. Код лицензии MIT, документы CC BY 3.0.

Источник

Читайте также:  Журнал итоговых протоколов Волейбол