Как изменить max-width container scss?

Question

[bakunovdo]

Проект собирается через webpack, и boostrap был установленен как npm пакет в node modules.
В документации нашел, что дефолтные переменные можно изменить с помощью $container-max-widths. Но этого не происходит.

index.scss:

@import "~normalize.css";

@import "~bootstrap";

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

Почему так не работает, ведь изменения в bundle.css добавляются после импорта bootstrap?
Или может нельзя переопределять размеры как я хочу и надо делать это через файл bootstrap/scss/_variables.scss.
Можно это сделать в index.scss?

Answer 1

[Aetae]

Переменные надо декларировать до подключения основных стилей.