Как кастомизировать bootstrap 4?

Question

[Tavtey]

Нужно сделать 16 колоночный макет, расстояние между колонками 20 пикселей.

Нет ли подобного сервиса для 4 https://getbootstrap.com/docs/3.4/customize/ ?

Answer 1

[Александр Ковалев]

www.bootstrapcustomizer.com

Answer 2

[Евгений Вольф]

Нет ли подобного сервиса для 4 https://getbootstrap.com/docs/3.4/customize/ ?

Судя по всему нет, но что Вам мешает открыть исходники, поправить 2 строчки и собрать страп самостоятельно?

Например, в файле _variables.scss есть такие строчки:

// Grid columns
//
// Set the number of columns and specify the width of the gutters.

$grid-columns:                12 !default;
$grid-gutter-width:           30px !default;

Answer 3

[Денис Грибанов]

На данный момент сервис еще не поддерживает 4 версию (а может быть и не будет поддерживать), но bootstrap довольно легко настраивается вручную https://getbootstrap.com/docs/4.0/getting-started/...

Answer 4

[Hyubert]

Такого нет и вряд ли когда нибудь будет.

На странице есть пример как использовать и кастомизировать стили под свои нужды.
Есть и примерная структура - https://getbootstrap.com/docs/4.0/getting-started/...

Если не совсем понятно, кратко опишу алгоритм
1. Подгружаете через npm библиотеку
2. Подключаете нужные Вам компоненты - https://getbootstrap.com/docs/4.0/getting-started/...
3. Переопределяете переменые - https://getbootstrap.com/docs/4.0/getting-started/...

Это все будет работать только при использованиb зборки, например gulp (так как исходники bootstrap - scss)