Ответ 1

Отличный вопрос! У Bootstrap 3 была настроенная страница, как вы отметили.

Вы можете использовать этот инструмент построения: https://bootstrap.build/. Я не уверен, что это замена для страницы настройки BS3 или чего-то нового. Он выглядит как хороший редактор.

Или вы можете создать пользовательскую версию Bootstrap 4 с SASS.

Эта ссылка содержит дополнительную информацию о создании темы: https://getbootstrap.com/docs/4.0/getting-started/theming/

Ответ 2

Как обсуждалось здесь, не будет настройки для Bootstrap 4. Это означает, что вам нужно настроить инструменты сборки для себя. Это мой рабочий процесс (в NodeJS):

  1. Создайте новый проект с помощью npm init
  2. Установить Bootstrap с помощью npm install bootstrap
  3. Установите инструменты сборки. Чтобы сделать это проще и нужно только использовать одну команду, мы будем использовать scss-powertools (я автор этого). Если вы не хотите его использовать, вам необходимо настроить компиляцию, префикс, минирование (и листинг) самостоятельно. Выполнить: npm install scss-powertools --save-dev
  4. Создайте файл SCSS в папке scss (в корне вашего проекта), например scss/name.scss
  5. В файле SCSS импортируйте Bootstrap с @import "bootstrap/scss/bootstrap"; или импортировать отдельные компоненты по мере необходимости
  6. Добавьте новый скрипт в package.json: "build": "scss-powertools scss/name.scss output/compiled.css"
  7. Запустите npm run build, вы найдете свой скомпилированный CSS в файле output/compiled.css (или как вы указали в качестве опции в команде сборки)

Обратите внимание! scss-powertools не scss-powertools. Чтобы включить его, используйте флаг --production. Вы можете найти всю информацию об этом здесь.

Простую настройку можно найти в этом Gist.


Вы можете найти мой предыдущий рабочий процесс здесь. В этом я должен был настроить все, от компиляции до литья вручную.

Ответ 3

Не похоже, что команда Bootstrap предложит настраивать, как в v3.

Как упоминалось в других ответах, bootstrap.build существует и имеет очень хороший пользовательский интерфейс и предоставляет доступ к большинству переменных и параметров. К сожалению, он не обновляется так быстро, как команда Bootstrap выпускает обновления.

upgrade-bootstrap.bootply.com - еще один вариант, но не дает никаких указаний относительно того, какая версия v4 используется. Он имеет ограниченный доступ к переменным и параметрам.

bootstrapcustomizer.com обеспечивает полный доступ ко всем переменным и параметрам и постоянно обновляется с версиями v4. Это не такой приятный пользовательский интерфейс, как bootstrap.build, но работает.

(Раскрытие: я создал bootstrapcustomizer.com)