Faça parte da comunidade Bootstrap Brasil no Slack
B

Blog Bootstrap Brasil

Tradução do Blog Bootstrap Oficial pela comunidade Bootstrap Brasil.

New Bootstrap 4 alpha

Bootstrap 4 alpha 2 is now available. Since our last release, nearly 100 people have pushed over 900 commits to v4 and we’ve closed over 400 issues and pull requests. Those numbers are outrageously awesome to see, and we’ve still got a ton of work ahead of us this year for v4.

As mentioned in our last post, the general plan for v4’s development starts with a few alpha releases. We’re a little behind on that, but should be getting caught up as the year winds down. Expect another alpha or two this month to really round things out.

Here’s a look at a handful of the changes since our last alpha:

  • Overhauled spacing utilities to use a numerical tiering (to avoid confusion with grid tiers).
  • Continued refactoring efforts to replace markup-specific selectors with classes across several components (including pagination, lists, and more). Still more to do here with additional components.
  • Reverted media queries and grid containers from rems to pixels as viewports are not affected by font-size. See #17403 for details. We’ve got a ton of grid work left, too. Feel free to follow along with #18471.
  • Reverted .0625rem width borders to 1px for more consistent component borders that avoid zoom and font-size bugs across browsers.
  • Renamed .img-responsive to .img-fluid to avoid future confusion on the various responsive image solutions out there.
  • Replaced ZeroClipboard with clipboard.js for Flash-independent copy buttons.
  • Inputs and buttons now share the same border variable to ensure components are always sized similarly.
  • Updated all pseudo-element selectors to use the spec’s preferred double colon (e.g., ::before as opposed to :before).
  • Cards now have outline variants and mixins to support extending base classes further.
  • Utility classes for floats and text alignment now have responsive ranges. This means we’ve dropped the non-responsive classes to avoid duplication.
  • Added support for jQuery 2.
  • And hundreds more Sass improvements, bug fixes, documentation updates, and more.

We highly encourage folks to skim through the second alpha’s milestone on GitHub for a better idea of what’s changed across the board. You can also follow along with other v4 efforts with the v4 label on our issue tracker.

Ready to dive in? Then head to the v4 alpha docs!

Be sure to join our official Slack room! and dive into our issue tracker with bug reports, questions, and general feedback whenever possible.

<3,

@mdo & team

Lançado Bootstrap 3.3.6

Bootstrap 3.3.6 chegou! Esta é uma versão muito esperada que trás dezenas de correções de bugs CSS e atualizações na documentação. Nós tivemos mais de 180 commits, 100 issues fechadas e pull requests de quase 30 contribuidores desde nossa última versão. Woohoo!

Aqui estão alguns dos destaques:

  • Adicionado suporte para o pacote NuGet oficial (Sim, isso é o velho, mas o pessoal ainda usa isso!).
  • Mapa de fonte habilitada para nosso CSS minificado compilado.
  • Atualizado mais de uma dúzia bugs de entrada em navegadores conforme os navegadores continuam a corrigir bugs (aww yeah!).
  • Atualizado várias documentações de plugin JavaScript para esclarecer o uso.
  • Criada documentação local de desenvolvimento mais fácil com plano alternativo de jQuery local.

Para um colapso completo, leia a mudança de versão e a mileston v3.3.6.

Download Bootstrap

Baixe a última versão — código fonte, recursos compilados e documentação — como arquivo ZIP diretamente do GitHub:

Download Bootstrap 3.3.6

Visite o repositório do projeto ou repositório Sass para mais opções. Além disso, lembre que nós estamos disponíveis no npm, também.

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<3,

@mdo, @fat, & team

Tradução: @flaviacs

Lançado Bootstrap 3.3.6

Bootstrap 3.3.6 chegou! Esta é uma versão muito esperada que trás dezenas de correções de bugs CSS e atualizações na documentação. Nós tivemos mais de 180 commits, 100 issues fechadas e pull requests de quase 30 contribuidores desde nossa última versão. Woohoo!

Aqui estão alguns dos destaques:

  • Adicionado suporte para o pacote NuGet oficial (Sim, isso é o velho, mas o pessoal ainda usa isso!).
  • Mapa de fonte habilitada para nosso CSS minificado compilado.
  • Atualizado mais de uma dúzia bugs de entrada em navegadores conforme os navegadores continuam a corrigir bugs (aww yeah!).
  • Atualizado várias documentações de plugin JavaScript para esclarecer o uso.
  • Criada documentação local de desenvolvimento mais fácil com plano alternativo de jQuery local.

Para um colapso completo, leia a mudança de versão e a mileston v3.3.6.

Download Bootstrap

Baixe a última versão — código fonte, recursos compilados e documentação — como arquivo ZIP diretamente do GitHub:

Download Bootstrap 3.3.6

Visite o repositório do projeto ou repositório Sass para mais opções. Além disso, lembre que nós estamos disponíveis no npm, também.

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<3,

@mdo, @fat, & team

Tradução: @flaviacs

Bootstrap 4 alpha

Hoje é um dia especial para o Bootstrap. Não só pelo nosso quarto aniversário, como também, depois de um ano de desenvolvimento, estamos finalmente divulgando a primeira versão alpha do Bootstrap 4. É isso aí!

Bootstrap 4 tem sido uma grande esforço que altera quase todas as linhas de código. Estamos felizes por compartilhar com você e ouvir seus comentários. Nós temos um monte de notícias para compartilhar, então vamos pular direto para elas.

O que há de novo

Bootstrap 4 alpha

Há uma tonelada de mudanças no Bootstrap e por isso é impossível descrever todas aqui, então aqui vão algumas das nossas mudanças favoritas:

  • Movido de Less para Sass. Bootstrap agora compila mais rápido do que nunca, graças ao Libsass, e nós estamos cada vez mais junto com a enorme comunidade de desenvolvedores Sass.
  • Sistema de grid melhorado. Nós adicionamos uma nova camada de grid para atender melhor dispositivos móveis e remodelamos completamente nossos mixins semânticos.
  • Suporte Opt-in flexbox. O futuro é agora — mudamos a variável boolean e recompilamos seu CSS para tirar proveito de um sistema de grid baseado em flexbox e componentes.
  • Alterado wells, thumbnails, e panels para cards. Os cards são um novo componente do Bootstrap, mas com eles, você se sentirá super a vontade, são parecidos com wells, thumbnails, e panels, só que melhor.
  • Consolidado todo reset de nosso HTML em um novo módulo, Reboot. Reinicie etapas em Normalize.css onde parar, dando-lhe mais opções como resets box-sizing: border-box, ajustes de margens, e mais tudo isso em um único arquivo Sass.
  • Novas opções de customização do Brand. Em vez de banir enfeites de embelezamento do estilo como gradientes, transições, sombras, e muito mais para uma folha de estilo (css) separada como na v3, nós movemos todas essas opções em variáveis ​​Sass. Quer transições padrão em tudo ou desativar cantos arredondados? Basta atualizar uma variável e recompilar.
  • Sem suporte para IE8 e atualização para unidades rem e em. Fim do suporte para IE8 significa que podemos aproveitar as melhores partes de CSS sem serem mantidas com hacks CSS ou fallbacks. Pixels foram trocados por rems e ems quando apropriado para fazer tipografia ágil e dimensionamento de componente ainda mais fácil. Se você precisar de suporte IE8, continue usando Bootstrap 3.
  • Reescrito todos nossos plugins JavaScript. Cada plugin foi reescrito em ES6 para tirar vantagem das mais recentes melhorias de JavaScript. Eles também já vêm com suporte UMD, métodos de desmontagem genéricos, tipo de opção de verificação, e toneladas mais.
  • Melhoria de auto-posição de tooltips e popovers graças à ajuda de uma ferramenta chamada Tether.
  • Melhoria da documentação. Nós reescrevemos tudo em Markdown e acrescentamos alguns plugins úteis para agilizar exemplos e trechos de código para tornar o trabalho com nossos docs mais fácil. Melhoria da pesquisa também é uma outra maneira.
  • E mais novidades! Controles personalizados de formulário, classes CSS de margin e padding, novas classes de utilitários, e muito mais coisas foram incluídos.

E isso mal começou, até agora temos 1,100 commits e 120,000 linhas de alterações na v4. Além disso, não estamos sequer prontos ainda!

Pronto para conhece-lo? Então mergulhe de cabeça na documentação v4 alpha!

Plano de Desenvolvimento

Precisamos da sua ajuda para fazer Bootstrap 4 o melhor possível. A partir de hoje, o código fonte para v4 estará disponível no branch v4-dev no GitHub. Além disso, temos uma v4 development and tracking pull request que inclui um checklist master para verificar mudanças que fizemos e os nossos possíveis restantes afazeres. Adoraríamos a ajuda de todos vocês.

O desenvolvimento geral e plano de lançamento é algo como isto:

  • Algumas versões alpha enquanto as coisas ainda estão em fluxo..
  • Duas versões beta após recursos e funcionalidades estão fechadas para que possamos realmente testar as coisas.
  • Duas versões candidatas (RCs) para realmente testar as coisas mais perto de ambientes de produção.
  • Em seguida, a versão final!

Para aqueles que quiserem conversar sobre a v4 com a gente, nós também temos um canal Slack v4 dedicado. Converse de negócios e trabalhos com seus companheiros Bootstrappers. Se você ainda não tiver, junte-se à nossa sala oficial Slack!.

Se você não estiver interessado em enviar código para v4, nós adoraríamos ouvi-lo em nosso gerenciador de tarefas com sugestões de bugs, perguntas e comentários gerais.

Suporte para v3

Quando nós lançamos Bootstrap 3, nós imediatamente interrompemos todo suporte para v2.x, causando muita dor para todos os nossos usuários pelo mundo a fora. Isso foi um erro que não vamos repetir. Para o futuro próximo, nós estaremos mantendo Bootstrap 3 com correções de bugs críticos e melhorias de documentação. A documentação do v3 também continuará hospedada após lançamento da v4 final.

Mais uma coisa…

Além de divulgarmos a primeira versão alpha do Bootstrap 4 hoje, estamos também lançando nosso projeto paralelo mais recente, Official Bootstrap Themes.

Official Bootstrap Themes

Mergulhe de cabeça no site Bootstrap themes para ve-los.

<3,

@mdo, @fat, & team

Tradução: @adammacias

Introducing Bootlint

After hanging out on the Bootstrap issue tracker for a long time, you start to notice some common mistakes folks make (besides just plain invalid HTML). Many of them are covered in our documentation, but our docs can be lengthy and some of the mistakes are pretty subtle or have non-obvious causes.

Pointing out the same mistakes repeatedly gets tiring, so once again, we decided to try automating things. The result of our efforts is Bootlint, an HTML linting tool for projects using vanilla Bootstrap. Using Bootlint (either in-browser or from the command line via Node.js), you can automatically check your Bootstrapped webpages for many common Bootstrap usage mistakes.

We encourage you to add Bootlint to your web development toolchain so that none of the common mistakes slow down your project’s development. In the future, we hope to also make a GitHub issues bot based on Bootlint to help folks out on the Bootstrap issue tracker.

For more details, installation & usage instructions, or to contribute or give feedback, check out the Bootlint project on GitHub!

<3,

@cvrebert and team