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. Швидше за все, вам не потрібно вносити багато змін.