Bootstrap 4 — новые возможности фреймворка

се любят Bootstrap! Будучи самой популярной средой CSS в мире, веб-дизайнеры и разработчики в ожидании стабильной версии Bootstrap 4 от создателей фреймворка Марка Отто и Джейкоба Торнтона.

6 января был выпущен Bootstrap 6 alpha с удалением поддержки IE8. Возможно будет еще пара бета-версий, прежде чем они перейдут на стабильную версию.

Это немного ошеломляет, сколько времени прошло с момента последней версии фреймворка. Если вы помните Bootstrap 1.0, было небольшое количество функций, которые были ограничены сетками, типографикой и списками, и только до тех пор, пока Bootstrap 2.0 не был полностью адаптирован к структуре.

Bootstrap 3.0 появился с плоской конструкцией и множеством новых функций и исправлений ошибок. Теперь четвертый бутстрап имеет еще больше возможностей, отбрасывая поддержку веб-браузеров юрского возраста. Было удалено и много чего добавлено в Bootstrap 4 по сравнению с Bootstrap 3.

Переход от Less к Sass

Благодаря Libsass одна из самых больших изменений в бета-версии Bootstrap 4 переходит от Less to Sass. Bootstrap 3 использовал Less на его выпуске, хотя для Sass есть отдельный релиз. Причина этого изменения заключается в том, что у Sass есть огромное сообщество пользователей или разработчиков и они используют свою более быструю компиляцию.

В Bootstrap 4 beta все переменные параметры для переходов, градиентов и т. Д. Были перемещены в один файл и могут быть настроены на переменные Sass.

Расширенная сетевая система

В Bootstrap 3 существуют специальные классы для таргетинга элемента на разные размеры экрана через пиксели, но в Bootstrap 4 beta есть этот новый меньший (-sm-) уровень для улучшения целевых мобильных устройств. На этот раз он находится в памяти (для типографии), rem и em единиц измерения вместо пикселей.

Поддержка Opt-in Flexbox

Flexbox — это в основном простые гибкие варианты компоновки в CSS. Он обеспечивает выравнивание содержимого внутри родительского элемента по вертикали с равными столбцами высоты через макеты на основе сетки.

Выброшен шрифт Glyphicons

Bootstrap 3 поставляется с более чем дюжиной повторно используемых компонентов Glypicons, которые могут использоваться для разных целей. Однако, в четвертой версии бутстрапа иконочный шрифт Glyphicons был убран, но появилась возможность интегрировать сторонние библиотеки иконок.

Новый интересный компонент — карточки

Card — это новый компонент в Boostrap 4 beta, которые могут использоваться для отображения информации в виде страницы или контейнера. Он заменил panels, wells и thumbnails. Он поддерживает различные виды контента, такие как ссылки, текст, изображения, заголовки, нижние колонтитулы и многое другое с различными цветами фона.