Bootstrap 4 Beta
10 Aug 2017Dois anos de fabricação, finalmente temos nossa primeira versão beta do Bootstrap 4. Naquele tempo, quebramos todas as coisas, pelo menos, vinte e sete vezes, com quase 5.000 commits, 650+ arquivos mudados, 67.000 linhas adicionadas e 82.000 linhas foram excluídas. Nós também enviamos seis principais lançamentos alfa, um trio de Temas oficiais e até um quadro de trabalho para a boa medida. Simplificando? Já estava na hora.
Beta!?
Longa história curta, enviar uma versão beta significa que acabamos de romper todas as suas coisas até nossa próxima versão principal (v5). Nós não somos perfeitos, mas estaremos fazendo o nosso melhor para manter todas as classes, recursos e URL docs como aparecem agora neste lançamento. Nós sempre podemos adicionar mais coisas, mas não podemos tirar.
Para aqueles que não estiveram usando os lançamentos alfa v4, aqui estão alguns destaques para ajudar você.
- Mudou-se de Less para Sass. O Bootstrap agora compila mais rápido do que nunca graças ao Libsass, e nos juntamos a uma comunidade cada vez maior de desenvolvedores da Sass.
- Flexbox e um sistema de grade melhorado. Mudamos quase tudo para a flexbox, adicionamos um novo nível de grade para melhor segmentar dispositivos móveis e revisamos completamente nossa fonte Sass com melhores variáveis, mixins e agora mapas.
- Dropped wells, thumbnails e panels para cards. Os Cards são um novo componente para o Bootstrap, mas eles se sentirão super familiares, como eles fazem quase tudo bem, thumbnails e panels fez, só que melhor.
- Forked Normalize.css e consolidou todas as nossas restaurações de HTML em um novo módulo CSS, Reboot. O Normalize.css tomou um caminho diferente do que preferiria, deixando alguns ajustes básicos do CSS que há muito dependemos. O Reboot leva o núcleo do Normalize.css e o expande para incluir retornos mais opcionais, como
box-sizing: border-box, ajustes de margem e mais tudo em um único arquivo Sass. - Novas opções de personalização. Em vez de relegar enfeites de estilo como gradientes, transições, sombras, classes de grade e mais para uma folha de estilos separada, como a v3, movemos todas essas opções para variáveis Sass. Deseja transições padrão em tudo ou para desativar cantos arredondados? Basta atualizar uma variável e recompilar.
- Abandonou o suporte IE8 e IE9, caiu versões mais antigas do navegador, e se mudou para unidades rem para o dimensionamento componente para aproveitar o suporte CSS mais recente. Além da nossa grade, os pixels foram trocados para rems e ems, quando apropriado, para tornar a tipografia responsiva e o dimensionamento de componentes ainda mais fácil. Precisa de suporte para IE8 / IE9, Safari 8-, iOS 8-, etc? Continue usando o Bootstrap 3.
- Reescreveu todos os nossos plugins de JavaScript. Cada plugin foi reescrito no ES6 para tirar proveito dos mais recentes aprimoramentos de JavaScript com novos métodos de desmontagem, verificação de tipo de opção, novos métodos e muito mais.
- Melhoria da auto-colocação de tooltips, popovers, e menus suspensos graças à ajuda de uma biblioteca chamada Popper.js.
- Documentação redigada e melhorada. Nós redesenhamos, reescrevemos tudo no Markdown e adicionamos alguns plugins acessíveis para simplificar exemplos e trechos de código para facilitar o trabalho com nossos documentos. Nós também adicionamos um incrível novo formulário de pesquisa!
- Novas ferramentas de compilação completamente reescritas em scripts npm em vez de Grunt, imensamente simplificando o processo de desenvolvimento e contribuição para o Bootstrap.
- E muito mais! Controles de formulário personalizados, um carrossel redesenhado, uma barra de navegação revisada, estilos de validação de formulário HTML5, centenas de classes de utilidade responsivas, novos componentes e muito mais também foram incluídos.
Ok, então, quer aprender ainda mais? Continue lendo ou vá diretamente para esses novos documentos!
Novo Visual
O Bootstrap 4 tem um aspecto levemente atualizado ao longo de nossas versões alfa, mas não foi até recentemente que nós demos os documentos e os nossos componentes também se refrescaram.
Além de uma nova paleta de cores e fontes de novos sistemas, temos um novo layout para nossa documentação. Novo com este beta é um incrível formulário de pesquisa alimentado pela DocSearch da Algolia, um layout de página melhorado com barra lateral e barra lateral e um novo índice.
For more details on this release’s changes, take a look at the Beta 1 ship list issue, as well as the closed Beta 1 milestone. Be sure to join our official Slack room! and dive into our issue tracker with bug reports, questions, and general feedback whenever possible.
Tradução: @haynes