Как стилизовать Bootstrap 4 с помощью SASS?

Question

[Maxim Rezvanov]

Всем привет. Знающие люди, распишите, пожалуйста, по шагам, что и как сделать?

Answer 1

[alvvi]

В исходниках есть файл _custom.scss, туда копируем все из _variables.scss и меняем то, что нужно.

Comments

[Maxim Rezvanov]

то есть мы из _custom.scss компилируем в любой css файл?

[alvvi]

Maxim Rezvanov: компилируем bootstrap.scss, все нужные импорты он сам подкатит.

[Maxim Rezvanov]

Илья Ростопка: а в каком файле я могу закоментировать ненужные компоненты? (типа breadcrumbs, tooltip и т.д.)

[Maxim Rezvanov]

Илья Ростопка: в самом bootstrap.scss?

[alvvi]

Maxim Rezvanov: можно прям там в bootstrap.scss, но я бы смотрел, где оно лежит у вас. Например, чтобы не трогать оригинальный бутстрап в node_modules, я обычно делаю свой bootstrap.sass, куда импортирую все нужные мне компоненты из node_modules/bootstrap/scss/... . Таким образом, после обновления пакета, кастомная версия останется невредимой. Но если у вас просто бутстрап отдельно лежит, то можно и в самому bootstrap.scss работать или сделать себе custom_bootstrap.scss в той же папке.