Как сделать Bootstrap v4 похожим на v3

Question

Я использую Bootstrap 3.3.7, и я хочу перейти на v4.

Я ранее включали bootstrap.min.css и bootstrap-theme.min.css в моем HTML, но в то время как переход на v4, я не мог найти bootstrap-theme.min.css больше, и я не знаю, где это было или какие альтернативы были.

Где я могу получить bootstrap-theme.min.css для последней версии v4 или ближайшего эквивалента с помощью ванильного бутстрапа (только путем редактирования переменных SCSS)?

Этот вопрос был первоначально размещен на Bootstrap's GitHub Issue Tracker по @pankajparkar

Answer 1

Отдельной темой (bootstrap-theme.min.css) была удалена из v4.

Заменил отдельную дополнительную тему с настраиваемыми опциями с помощью SCSS переменных

https://getbootstrap.com/docs/4.0/migration/#global-changes

Для того, чтобы заставить его выглядеть немного больше как v3 делали, вы должны добавить этот SCSS переменные согласно v4 docs:

$enable-gradients: true; 
$enable-shadows: true; 

, а затем повторно компилировать источник SCSS.

Примечание: Не забудьте следовать за migration docs, чтобы не получить какие-либо компоненты, которые не работают, или другие сюрпризы миграции.

Answer 2

Как @wolfy сказал, что вы должны собрать первый scss путем изменения переменного со значениями $enable-gradients: true; & $enable-shadows: true; в CSS бы создать загрузочную тему.

Так как есть резкое изменение в navbar API вашего стиля навигации не будет работать. Вы должны направить этот загрузочный лоток Twitter navbar API (альфа-версия) и исправить свой старый html (вы можете потратить несколько часов).

Для большего количества обновлений, вы можете держать глаза на этой github issue