Bootstrap 4 теперь по умолчанию использует Flexbox. Других изменений во взаимодействии с CSS, кроме связанных с Flexbox, практически не произошло.
Список изменений:
- Удалена переменная
$enable-flex
. Flexbox теперь включен по умолчанию и не может быть отключен через Sass-переменную. - Для карт, сетки, медиа-объектов, списков и компонентов навигации удалены non-flexbox варианты.
- Особых изменений в системе слоев это не вызвало, но зато теперь можно пользоваться автовыравниванием flexbox.
- Что касается карт, то теперь
.card-deck-wrapper
можно удалить. - Теперь не обязательно иметь строгий порядок разметки при использовании медиа-объектов (
.media-left
и.media-right
не обязательно должны идти первыми в DOM). - Упрощено выравнивание бейджев.
- Практически вся документация по сетке объединена в единый файл
grid.md
. - Для упрощения поддержки IE10+ была обновлена документация по миграции и браузерам.
- Удалены компилируемые flexbox-бандлы.
- Файл документации
flexbox.md
был удален из секции «Getting started».
Какие изменения коснулись CSS:
- Из строк был удален Clearfix.
- Теперь колонки используют
max-width
вместоwidth
.
Чтобы не пропустить важные обновления, рекомендуем вам следить за страницей Bootstrap на GitHub.
Источник: GitHub