No último dia 16/06 foi lançada a versão alpha do Bootstrap 5. Ainda não é uma versão recomendada para usar em produção.
Segundo postagem do blog oficial do Bootstrap a equipe trabalho para que a migração da versão v4 para versão v5 (alpha) seja mais acessível possível para os usuários.
Além disso, dentre as novidades estão a dependência do jQuery o Bootstrap não dependerá mais dele, e também deixaram de lodo o suporte para o Internet Explorer.
Ainda segundo postagem do blog a equipe está aprimorando o foco na criação de uma ferramenta mais amigável, embora ainda não tenham chegado no objetivo.
A equipe ainda não terminou de adicionar melhorias e fazer alterações nos códigos até a primeira versão do beta.
Outras novidades da nova versão 5 do Bootstrap estão:
Nova aparência
A página do Bootstrap foi modificada em relação a página da versão 4, com um design mais atualizado e moderno.
A página deixou de ter largura total da página e deixaram em Box, segunda o blog oficial, essas mudanças são para melhorar a legibilidade do site e fazer com que o site não pareça tanto com um aplicativo.
jQuery e JavaScript
Como dito acima o jQuery foi descartado da versão 5 do Bootstrap, a proposta dessa mudança é fazer com que a ferramenta seja mais leve e mais rápida no carregamento.
Além do descarte do jQuery a equipe fez um aprimoramento do Javascript, que consiste na qualidade do código e na ponte entre o v4 e o v5.
Propriedades Customizadas de CSS
Propriedades personalizadas foram adicionadas, como mencionado graças ao cancelamento do suporte ao Internet Explorer, a equipe de desenvolvimento do Bootstrap pode adicionar variáveis.
Na versão 4 já eram usada algumas variáveis de CSS para fontes e cores, na versão 5 já foram adicionados mais variáveis, como por exemplo variáveis para facilitar o estilo das tabelas como efeitos ao passar o mouse etc.
Documentos de personalização aprimorados
Segundo o blog oficial a documentação também foi alterada para fornecer conteúdo mais explicativo, removendo ambiguidades, e melhor suporte.
O projeto do NPM foi melhorado para que você consiga começar usar o Bootstrap com mais facilidade e rapidez.
A paleta de cores também teve uma mudança significativa, com um extenso sistema de cores integrado você consegue personalizar seus projetos com muito mais facilidade sem usar códigos externos.
Formulários atualizados
A documentação dos formulários foi totalmente revisada, além disso, os formulários foram separados em uma sessão destinada apenas para formulários.
Sistema de grade aprimorado
Todos o sistema de grid foi alterado da versão 4 para versão 5, onde adicionaram:
Um novo nível de grades.
As classes foram alteradas.
As opções dos formulários também foram substituídos para o novo sistema de grids.
Classes de espaço vertical foram adicionadas.
As colunas não possuem mais “position: relative” por padrão.
Em suma, para saber mais sobre as mudanças da nova versão do bootstrap, visite o blog oficial do framework, lá você encontrará exemplos práticos de algumas das alterações, e vai ficar por dentro de todas as modificações realizadas.
Neste artigos apenas resumimos um pouco do que vem por aí.
Referência: https://blog.getbootstrap.com/2020/06/16/bootstrap-5-alpha/
Confira algumas bibliotecas CSS que você precisa conhecer clicando aqui
