@bakunovdo

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

Проект собирается через 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?
  • Вопрос задан
  • 42 просмотра
Решения вопроса 1
Aetae
@Aetae
Тлен
Переменные надо декларировать до подключения основных стилей.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы