12-колоночная модульная сетка

12-колоночная модульная сетка онлайн — точный расчёт за 30 секунд.

12-колоночная модульная сетка

Ширина контейнераpx
Колонок
Межколонный отступ (gutter)px
Ширина колонки
78px
Bootstrap-сетка.
Блок на 3 колонки
282px
Блок на 4 колонки
384px
Блок на 6 колонок
588px

Подробнее: 12-колоночная модульная сетка

Что считает калькулятор

Калькулятор «12-колоночная модульная сетка» рассчитывает Ширина колонки в px на основе 3 параметров: ширина контейнера (px), колонок, межколонный отступ (gutter) (px).

Применяется фотографами и видеографами при настройке съёмки.

Пример расчёта

При параметрах Ширина контейнера = 1 200 px, Колонок = 12, Межколонный отступ (gutter) = 24 px результат составит 78 px.

Как пользоваться

  1. Введите ширина контейнера, колонок и межколонный отступ (gutter) — все поля выше можно менять слайдером.
  2. Ширина колонки (px) рассчитывается автоматически по мере ввода.
  3. Смотрите пример ниже — формула применена к реальным числам.
  4. Скопируйте результат или сохраните страницу в закладки.

Связанные расчёты

Частые вопросы

Как рассчитывается «12-колоночная модульная сетка»?
Калькулятор «12-колоночная модульная сетка» вычисляет Ширина колонки (в px) по параметрам: ширина контейнера, колонок, межколонный отступ (gutter). Введите значения выше — точная формула применяется мгновенно, ниже показан пример с реальными числами.
Калькулятор «12-колоночная модульная сетка» бесплатный?
Да. Полностью бесплатно, без регистрации, всё считается прямо в браузере и никакие данные не отправляются на сервер.