Bootstrap 4 прекращает поддержку IE9 и полностью переходит на Flexbox


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.