Построение Bootstrap сетки в Figma

Основная инструкция по Bootstrap 4 находится по ссылке.

Extra large (≥1200px)

Максимальная ширина контейнера для данного разрешения составляет 1140px

Для того, чтобы построить сетку выбираем
Count: 12
Type: Center
Width: 65
Gutter: 30

Помним про отступы по 15 px слева и справа.

Extra large grid

Large (≥992px)

Максимальная ширина контейнера для данного разрешения составляет 960px

Для того, чтобы построить сетку выбираем
Count: 12
Type: Center
Width: 50
Gutter: 30

Помним про отступы по 15 px слева и справа.

Large grid

Medium (≥768px)

Максимальная ширина контейнера для данного разрешения составляет 720px

Для того, чтобы построить сетку выбираем
Count: 12
Type: Center
Width: 30
Gutter: 30

Помним про отступы по 15 px слева и справа.

Medium grid

Small (≥576px)

Максимальная ширина контейнера для данного разрешения составляет 540px

Для того, чтобы построить сетку выбираем
Count: 12
Type: Center
Width: 15
Gutter: 30

Помним про отступы по 15 px слева и справа.

Small grid

Extra small (<576px)

Максимальная ширина контейнера для данного разрешения отсутствует

Для того, чтобы построить сетку выбираем
Count: 12
Type: Stretch
Width: Auto
Margin: 15
Gutter: 0

Помним про отступы по 15 px слева и справа.

Extra small grid