Шестая версия — самая глубокая перестройка фреймворка со времён пятой. Главное в ней не новые компоненты, а то, как устроены стили.
Что нового
- Переменные CSS вместо переменных Sass: почти каждая настройка меняется прямо в браузере, без пересборки стилей.
- Цвета в OKLCH — цветовом пространстве, где одинаковый шаг числа даёт одинаковый на глаз шаг цвета. Оттенки кнопок и фонов страница теперь считает сама.
- Тёмная схема через функцию
light-dark(), которая выбирает одно из двух значений по схеме, заданной пользователем. - Родные элементы браузера: модальные окна на
<dialog>, аккордеоны на<details>. - Одиннадцать слоёв каскада: собственные стили в своём слое переопределяют Bootstrap без гонки специфичности.
Что мешает
- Интерфейсы могут измениться до беты — это альфа.
- Порог браузеров поднят до Chrome 130, Firefox 132 и Safari 18, запасных путей нет.
- Сжатый CSS потяжелел с 226 до 372 килобайт.
- Переименованы классы кнопок, окон, меню, сетки и утилит.
В самой альфе нашлись и расхождения: тени собраны на относительном цветовом синтаксисе, который лежит выше заявленного порога браузеров, а комбобокс пишет в консоль ошибку о втором экземпляре.
Что делать редакциям на Joomla
Ядро Joomla по-прежнему везёт Bootstrap пятой ветки. Шестую разумно пробовать в дочернем шаблоне и на лонгридах, не трогая основной вывод сайта.
Исследование
Доклад на 15 глав, 5 интерактивных графиков и 58 источников, демо-сайт Bootstrap 6 и 43 снимка экрана с разбором лежат на webmarka.kz и в открытом репозитории на GitHub, по лицензии CC BY 4.0.
