Как найти и обновить БС 5 CSS, массовое переименование BootStrap 4 в BootStrap 5 CSS классы

Question

Bootstrap 4 имеет более 1500 классов CSS / Sass , мы готовимся к Bootstrap 5. Меня попросили проверить, какая часть сайта сломается. Поскольку это огромная задача, не могли бы вы поделиться, как go о процессе миграции обновления.

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

Тогда, с BS 3 до BS4, это было более управляемо! но с 1500 CSS мне нужна помощь.

введите описание изображения здесь

Answer 1

Я уже перевел один веб-сайт на версию 5, чтобы протестировать его. В макете не так много серьезных изменений, но некоторые элементы выглядят иначе. Лучше дождаться выпуска v5-beta, потому что в альфа-выпусках будет несколько критических изменений.

Как перейти на v5: https://v5.getbootstrap.com/docs/5.0/migration/

Просто обновите <link> и <script> до v5 и посмотрите, как это выглядит. Go на всей странице. Начните с крупных элементов, таких как макет, формы, и самое худшее уже сделано.

Answer 2

Хорошо, думаю, я понял ваш вопрос. Если у вас есть отдельная страница css, go на страницу html и выполните следующие действия:

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<!--Bootstrap 4, not 5-->

Имейте в виду, что приведенный выше код - Bootstrap 4, поэтому замените ссылка с 5. В любом случае, продолжение:

<link rel="stylesheet" href="css/yourcss.css">
<!--linking to my CSS page-->

Итак, вам нужно проверить свой сайт со всех сторон и посмотреть, что сломается, используя bootstrap 5.