Перейти к содержанию

Все разделы сайта

Написать о задаче

Исследование, редакция 1.0.1, 9 октября 2026 года

Bootstrap 6 на смоделированном сайте

Восьмого октября 2026 года вышла первая альфа Bootstrap 6 — через пять лет после пятой версии. Как инженерная конструкция она сильна; как основа для сайта, который живёт годами, — пока альфа. Чтобы судить по вёрстке, а не по анонсу, на ней собран сайт из семи страниц.

15

глав в докладе

5

интерактивных графиков

58

источников с номерами

7

страниц демо-сайта

43

снимка экрана

Три работы

Каждую можно смотреть отдельно; открываются в собственном оформлении.

Исследование-доклад

Пятнадцать глав, пять интерактивных графиков и четыре схемы: архитектура, вёрстка, дизайн, лучшие решения альфы и её слабые места. Реестры расхождений и белых пятен, глоссарий из восемнадцати терминов.

Демо-сайт Bootstrap 6

Вымышленный новостной сайт на версии 6.0.0-alpha.1: главная, рубрика, статья, витрина компонентов, формы, площадка токенов и редакционная панель. Собственные стили — один файл, и в нём нет ни одного цвета в hex: всё из токенов ядра.

Нужен браузер не ниже Chrome и Edge 130, Firefox 132, Safari 18.

Сайт в скриншотах

Сорок три экрана в Chromium 153: компьютер 1440 пикселей, телефон 390, тёмная схема, открытые меню и окна — с разбором. Оригиналы в двойном масштабе открываются по клику.

Что нового

  • Переменные CSS вместо переменных Sass. Почти каждая настройка теперь меняется прямо в браузере, без пересборки стилей.
  • Цвета в OKLCH. Цветовое пространство Oklab придумал в 2020 году шведский инженер Бьёрн Оттоссон, а OKLCH — его запись тремя числами: светлота, насыщенность и тон. Одинаковый шаг числа даёт в нём одинаковый на глаз шаг цвета, поэтому оттенки кнопок и фонов страница считает сама.
  • Тёмная схема через light-dark() — функцию CSS, которая берёт одно из двух значений в зависимости от выбранной схемы.
  • Родные элементы браузера. Модальные окна работают на <dialog>, аккордеоны — на <details>: меньше своего JavaScript, больше доступности из коробки.
  • Одиннадцать слоёв каскада. Правило из более позднего слоя побеждает правило из раннего, как бы точно ни был написан селектор. Поэтому собственные стили в своём слое переопределяют Bootstrap без гонки специфичности.

Что мешает сегодня

  • Это альфа. Так называют первую стадию выпуска — по первой букве греческого алфавита: возможности на месте, но интерфейсы ещё могут измениться до беты.
  • Порог браузеров поднят до Chrome 130, Firefox 132 и Safari 18, запасных путей для старых нет.
  • Сжатый CSS потяжелел с 226 до 372 килобайт.
  • Переименованы классы кнопок, окон, меню, сетки и утилит: перенос с пятой версии — не замена файла.

В самой альфе найдены расхождения, которые стоит знать до перехода: тени собраны на относительном цветовом синтаксисе, который по политике проекта лежит выше порога браузеров, а комбобокс при запуске пишет в консоль ошибку о втором экземпляре.

Для редакций на Joomla

Ядро Joomla везёт Bootstrap пятой ветки. Шестую стоит пробовать в дочернем шаблоне и на лонгридах, не трогая основной вывод. Как устроена сама Joomla для новостной редакции, разобрано в исследовании о Joomla 6.

Метод и лицензия

Факты взяты из анонса проекта, 141 файла документации, исходного кода Sass и TypeScript ветки main и пакетов npm шестой альфы и версии 5.3.8; все адреса открыты 8–9 октября 2026 года. Статистика CSS посчитана по скомпилированным файлам; каждое утверждение несёт номер источника.

Тексты, схемы и снимки — по лицензии CC BY 4.0, демо-сайт и инструменты — MIT. Bootstrap — MIT, © The Bootstrap Authors; исследование с проектом не связано.

Репозиторий исследования

Переходить на Bootstrap 6 или подождать?

Разберу ваш сайт: что сломается при переходе, что можно попробовать уже сейчас в дочернем шаблоне.