демонстрационное издание · bootstrap 6.0.0-alpha.1 · пятница, 9 октября 2026
Заголовок масштабируется функцией clamp(), цвета считаются в пространстве oklch, тёмная схема приходит из light-dark(), а меню на узком экране живёт в нативном <dialog>. Этот сайт собран, чтобы показать всё это в работе.
главная полоса
Оттенки теперь задаются в oklch, двенадцать ступеней каждого цвета рассчитывает сам браузер, а компоненты красятся композицией классов. Разбираем на примерах, где это упростит работу редакции, а где придётся переучиваться.
Срочно
Карточка с классом card-subtle и темой theme-warning: цвет фона, рамки и текста собираются из одного набора токенов.
рубрики дня
Корреспондент провёл сутки на метеоплощадке и привёз оттуда три графика и одну метафору.
Мы обошли ряды с одним и тем же списком покупок и сравнили чеки за полгода.
Разговор о сцене, зрителях и о том, почему тишина в зале бывает громче аплодисментов.
контейнерные запросы
Обёртка с классом contains-inline объявляет себя контейнером запросов. Группа карточек внутри переключается на строку, когда у обёртки хватает ширины, — окно браузера тут ни при чём. Потяните ползунок или угол рамки.
—
При ширине обёртки от 576 пикселей три карточки встают в ряд с общей рамкой.
Сожмите рамку — карточки сложатся в столбик, хотя окно не менялось.
В пятой версии такой блок умел реагировать только на ширину окна.
токены вживую
Радиусы и отступы в ядре выводятся из базового шага. Ползунки ниже меняют переменные прямо в браузере, без пересборки Sass, — и правая часть перестраивается.
Полная площадка — на странице «Токены».
Скругления идут от --bs-radius-5, внутренние отступы — от --bs-spacer.
Оповещение с theme-primary перекрашивается вместе с кнопками.
рассылка
Поле с иконкой — это обёртка form-adorn: она сама выглядит как поле, а клик по иконке ставит фокус в ввод, потому что обёртка — элемент <label>.