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.

Источник: GitHub

Вакансии в тему:

Лого компании «Алгоритмика»
JavaScript Developer (React)
JavaScript Developer (React)
Алгоритмика, Москва, до 150 000 ₽
Лого компании «Клиника DOC+»
Full Stack Developer
Full Stack Developer
Клиника DOC+, Москва, до 150 000 ₽
Лого компании «Samsung Research Center»
Full Stack разработчик
Full Stack разработчик
Samsung Research Center, Москва, от 90 000 ₽ (до налогов)