Два года разработки и мы, наконец, получили первую бета-версию Bootstrap 4. Бета ?? Что это значит? Это означает, что вошло в этот релиз будет улучшаться к стабильной версии, но уже не будет выбрасываться или полностью уничтожаться как в «альфе».

Итак, какие улучшения адаптивной веб разработки ожидают нас в будущем Bootstrap 4:

 

Перешли с Less на Sass. Bootstrap теперь компилируется быстрее, чем когда-либо благодаря Libsass.

Flexbox и усовершенствованная «сетка». Фактически все переделано под Flexbox, добавлен новый уровень сетки, для лучшего функционирования веб-сайтов и приложений на мобильных устройствах.

Выпадающие списки, эскизы и карточки. Карточки являются новым компонентом для Bootstrap, но выглядят они очень знакомыми.

Normalize.css перестроен в новый модуль, Reboot. Модуль имеет ядро Normalize.css и расширяет его, теперь все в одном файле Sass.

Новые варианты настроек. Вместо того, чтобы редактировать стили, такие как градиенты, тени, таблицы сетки и др., для отдельной таблицы стилей как в Bootstrap3, все эти параметры перемещены в переменные Sass. Хотите по умолчанию transition на все или отключить border-radius? Просто обновите переменную и перекомпилируйте.

Завершена поддержка IE8 и IE9. Удалили поддержку старых версий браузеров и перешли к единицам rem для определения размера компонентов. Кроме новой сетки, пиксели были заменены на ems, где это целесообразно, чтобы облегчить печать и компоновки компонентов. Нужна поддержка IE8 / IE9, Safari 8-, iOS 8- и т.д.? Используйте Bootstrap 3.

Переписаны все плагины JavaScript. Каждый плагин был переписан в ES6, чтобы воспользоваться преимуществами новых усовершенствований JavaScript.

Улучшено автоматическое размещение подсказки, подсветка и выпадающее меню. С помощью библиотеки под названием Popper.js.

Новые инструменты построения. Полностью переписаны в скриптах npm вместо Grunt, что чрезвычайно упрощает процесс разработки и внесения изменений в Bootstrap.

И много другого! Также были включены специальные элементы управления, переработанная карусель, обновлена навигационная панель, стили проверки форм HTML5, сотни чувствительных классов полезности, новые компоненты и тому подобное.

 

Чтоб заказать разработку сайта, отвечающего всем новейшим вызовам, обращайтесь к команде веб студии Webland!