A equipe do Bootstrap publicou em 8 de outubro de 2026 a primeira alpha do Bootstrap 6, a primeira versão principal do framework de CSS em cerca de cinco anos. O anúncio de Mark Otto, cofundador e mantenedor do projeto, descreve uma reformulação completa: sistema de módulos do Sass, JavaScript apenas em ESM, mais recursos nativos dos navegadores e novas convenções de classes. O pacote já está no npm como bootstrap@6.0.0-alpha.1, marcado com a tag next, enquanto a versão padrão (latest) continua sendo a 5.3.8.

O que quebra na migração

A mudança mais visível está nas classes responsivas e de estado, que passam do infixo para um prefixo, no mesmo modelo do Tailwind CSS: .justify-content-md-end vira .md:justify-content-end, e .opacity-50-hover vira .hover:opacity-50. O componente offcanvas responsivo foi renomeado (.offcanvas-md vira .md:drawer). Na personalização, quase todas as variáveis Sass da versão 5 viraram variáveis CSS organizadas em mapas de tokens, que podem ser alteradas também em tempo de execução. O @import deixou de ser suportado para customização (é preciso usar @use e @forward), arquivos como _variables.scss foram removidos e o prefixo bs passou a ser configurado no PostCSS.

No JavaScript, os plugins são somente ESM: não há mais pacote UMD nem o objeto global window.bootstrap. Segundo o anúncio, quem usa apenas atributos como data-bs-toggle precisa só adicionar type="module" à tag de script; quem chama as APIs a partir do CDN deve passar a importá-las explicitamente; e projetos com require() do CommonJS terão de migrar para imports ESM. O código-fonte agora é TypeScript e traz declarações de tipos próprias, o que dispensa o pacote @types/bootstrap.

Navegadores e recursos nativos

O Bootstrap 6 exige Chrome e Edge 130, Firefox 132 e Safari 18, sem fallbacks nem polyfills abaixo disso; a versão 5 aceitava navegadores desde o Chrome e o Firefox 60 e o Safari 12. O novo piso permite usar light-dark(), :has(), container queries, cores oklch(), color-mix() e camadas CSS. O acordeão passa a usar os elementos nativos details e summary, sem JavaScript, e um novo componente Dialog usa o elemento dialog do navegador. A documentação ganhou versões em texto (llms.txt e llms-full.txt) e arquivos de “skills” para orientar assistentes de código, inclusive na migração, como destacou também o heise online.

Estágio e próximos passos

Por ser uma alpha, a própria equipe avisa que tudo ainda pode mudar de forma significativa antes do beta, e outras alphas devem vir antes das fases de beta e release candidate. Por isso, não é uma versão pensada para uso em produção. O Bootstrap 5 continua disponível e suportado, e uma versão 5.4.0 deve sair antes de qualquer data de fim de suporte. Para testar, a equipe recomenda ler o guia de migração e as páginas de instalação. O heise lembra que a adoção do Bootstrap caiu nos últimos anos diante de concorrentes como o Tailwind, citando estimativa da W3Techs de uso em 13,8% dos sites no início de agosto de 2026, contra 15,3% em dezembro de 2025.

Fontes

• Bootstrap Blog (Mark Otto) — Bootstrap 6 Alpha (08/10/2026)
• Bootstrap Docs — Install Bootstrap · Bootstrap v6.0 (08/10/2026)
• Bootstrap Docs — Migration · Bootstrap v6.0 (08/10/2026)
• heise online — Bootstrap 6: First alpha version of the CSS framework released (09/10/2026)

Imagem destacada: ilustração gerada por computador, sem valor documental.