как переопределить переменную сетки в начальной загрузке 4

Question

как действительно переопределить переменные начальной загрузки?Я пробую это и не работаю

// overrides.scss
@import '~bootstrap/scss/functions';
@import '~bootstrap/scss/variables';
@import '~bootstrap/scss/mixins';

@import 'variables.scss'; // my own variables
$grid-columns: 12;
$grid-gutter-width: 16px;
@import '~bootstrap/scss/bootstrap.scss';

// global styles
@import 'overrides.scss';
@import '~bootstrap/scss/bootstrap.scss';

Я использую Angular 2+ и просто хочу установить ширину желоба строки от 30px до 16px, какое-нибудь решение этого?

Answer 1

Нет смысла импортировать Bootstrap дважды.Просто импортируйте его один раз в конце ...

@import 'bootstrap/functions';
@import 'bootstrap/variables';

$grid-columns: 12;
$grid-gutter-width: 16px;

@import 'bootstrap';

Демо: https://www.codeply.com/go/wSyODZFc0b