Настройте точки останова сеточной системы Bootstrap 4 ⇐ CSS

[Anonymous]

У меня есть приложение, для дизайна которого требуется точка останова 1280 от настольного компьютера к планшету или от xl к lg соответственно. Однако сам Bootstrap имеет точку останова xl на уровне 1200.
Мне нужно глобально изменить эту точку останова xl для начальной загрузки. Нужно ли мне перекомпилировать Bootstrap 4 из исходных файлов?
Я попробовал установить это в своей сборке Sass:

Код: Выделить всё

$grid-breakpoints: (
// Extra small screen / phone
xs: 0,
// Small screen / phone
sm: 576px,
// Medium screen / tablet
md: 768px,
// Large screen / desktop
lg: 992px,
// Extra large screen / wide desktop
xl: 1280px
);

$container-max-widths: (
sm: 540px,
md: 720px,
lg: 960px,
xl: 1220px
);

Однако ничего не изменилось с точкой останова для xl во всем мире, вместо этого разрыв по-прежнему будет выполняться на ширине 1200 пикселей.

Подробнее здесь: https://stackoverflow.com/questions/477 ... reakpoints