Bootstrap 5 - что нового?

Bootstrap 5- нововведения

Bootstrap — один из популярных HTML/CSS фреймворков в мире, созданный командой Twitter. Разработчики часто используют именно эту CSS, так как она позволяет без особых усилий создавать адаптивные веб-сайты, а также использовать красивые стили и компоненты. Совсем недавно была выпущена версия Bootstrap 5, которая имеет некоторые отличия от 4-ой. У Bootstrap 5 было несколько альфа- и бета-версий. В результате после исправления всех недочетов были внесены серьезные изменения в последнюю версию Bootstrap.

Улучшенный внешний вид и новые ощущения

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

Отказ от jQuery

Одно из нововведений в последней версии - отказ от jQuery в пользу JavaScript. Конечно, библиотеку jQuery используют многие сайты по сей день. Благодаря постоянному развитию JavaScript и браузерной поддержке мы больше не зависимы от jQuery в своих проектах. Отметим, что проекты, которые были созданы с Bootstrap 5, имеют более легкие по размеру файлы и быстрее в плане загрузки страниц.

Конечно, вы все еще сможете использовать jQuery. В случае если Бутстрап обнаружит jQuery, он сразу же добавит необходимые компоненты в систему плагинов.

CSS переменные (пользовательские CSS-свойства)

Из-за того, что разработчики отказались от браузера Internet Explorer, в v.5 CSS переменные стали использоваться шире. В Bootstrap 5 добавлены точки останова и еще некоторые компоненты.

Улучшенная сеточная система

В 5 версии сохранена большая часть системы сеток. Разработчики не обновляли ее полностью, так как в прошлом при переходе с v.3 до v.4 возникали трудности. Кроме этого добавился класс .g-*, позволяющий указывать нужные отступы между ячейками.

Изменения в документации

Документация стала удобной для навигации и получения необходимой информации. Стоит отметить, что был добавлен раздел «Customize«. В нем можно узнать, как создать свои темы и расширять Bootstrap под личные запросы.

У последней версии усовершенствованная настройка. Поэтому тяжело будет определить, на каких сайтах используется технология Bootstrap 5. Были проведены работы по улучшению цветового контраста. Также дополнена цветовая палитра, пользоваться ею теперь значительно легче.

Управление формой

Были улучшены элементы по управлению формой, input groups и другие компоненты. В v5 был создан отдельный раздел документации — Forms, в котором были объединены все стили форм.

API-утилит

Теперь в новой версии можно создавать собственные утилиты или изменять имеющиеся. Их главная задача - ускорять работу. Некоторые утилиты можно найти в отдельном разделе. По словам разработчиков это было сделано для улучшения документации и лучшей организации рабочего процесса.

Библиотека иконок

Одно из лучших нововведений Бутстрап — добавление открытой библиотеки svg иконок. В ней можно найти больше качественных 1300 элементов на любой запрос. Иконки можно модифицировать на свое усмотрение. Найти по поиску нужную иконку легко, поиск быстро выдает результаты.

Какой вывод?

Bootstrap по сей день остается в тренде популярных HTML/CSS-фреймворков. Каждый веб-разработчик хотя бы раз использовал Бутстрап в своей работе. С дополнениями Bootstrap 5 разрабатывать адаптивные веб-сайты станет еще проще и легче. Если вы используете Bootstrap 4, можете спокойно переходить на Bootstrap 5. Скорее всего вам не потребуется вносить много изменений.