BT

Bootstrap 3: Nova aparência e mais componentes

| por Abel Avram , traduzido por Rafael Sakurai em 28 ago 2013. Tempo estimado de leitura: 1 minuto |

O Bootstrap 3.0 veio com nova aparência, mais componentes, diversas alterações que quebram a compatibilidade das versões anteriores e correções.

Dois anos após o lançamento inicial, o Bootstrap 3.0 foi liberado incluindo entre outras coisas novas funcionalidades e melhorias:

  • Um novo tema;
  • Como o framework pode ser utilizado em dispositivos móveis desde a versão 2.0, agora isso se tornou um foco do projeto, mas também pode ser usado em telas grandes, graças ao design responsivo que redimensiona as interfaces dependendo do tamanho da tela;
  • O design responsivo pode ser desativado, se necessário;
  • Novos componentes: painel, lista de grupos e painel retrátil;
  • Componentes descontinuados: acordeom, submenu dropdown, completar automaticamente (typeahead) e formulário de pesquisa;
  • Nova biblioteca customizavel baseada no navegador;
  • Nova iconografia.

Quem criou aplicações utilizando o Bootstrap 2.0 deverá se atentar à algumas quebras de compatibilidade que foram adicionadas nessa última versão: diversas classes foram renomeadas e 7 classes foram removidas ou modificadas. Também foi descontinuado o suporte para o Internet Explorer 7.

O Bootstrap é um framework para desenvolvimento utilizado para criar aplicações web para desktop e mobile usando HTML, CSS e JavaScript. O framework consiste de diversos componentes de UI incluindo os usuais botões, campos de entrada, labels, listas, mas também possui componentes não usuais como iconografia, emblemas, carrossel de destaque (jumbotron), entre outros. O Bootstrap usa JavaScript para alguns componentes ou fornece funcionalidades especificas - transição, caixas de dialogo, tooltips, alertas, entre outros - os respectivos arquivos de scripts são plugins do jQuery.

O Bootstrap começou como um projeto interno do Twitter, mas logo se tornou um projeto open source, sendo um dos mais ativos no GitHub com mais de 300 contribuidores.

Avalie esse artigo

Relevância
Estilo/Redação

Olá visitante

Você precisa cadastrar-se no InfoQ Brasil ou para enviar comentários. Há muitas vantagens em se cadastrar.

Obtenha o máximo da experiência do InfoQ Brasil.

Dê sua opinião

HTML é permitido: a,b,br,blockquote,i,li,pre,u,ul,p

Receber mensagens dessa discussão

Não seria um problema desativer o typeahead? by Baco Carvalhaes

O recurso de completar automaticamente (typeahead) era muito bom com as consultas de bancos e já no layout do próprio Bootstrap. Qual seria o motivo da descontinuação do mesmo? Acho que ele focaram o BT 3.0 muito para dispositivos móveis e esqueceu dos aplicativos desktop. Ficou muito bom e mais bonito mas achei algumas complicações nele, como por exemplo o modal foi reformulada, com mais código. Os campos input agora são blocked fazendo com que tenha uma div que informe a coluna desejada e dentre outras ações. Mas agora o typeahead era muito bom para consultas usando ajax e módulos de modal já abertos. Bom minha opnião. Parabéns pelo artigo limpo, simples e direto.

HTML é permitido: a,b,br,blockquote,i,li,pre,u,ul,p

Receber mensagens dessa discussão

HTML é permitido: a,b,br,blockquote,i,li,pre,u,ul,p

Receber mensagens dessa discussão

1 Dê sua opinião

Faça seu login para melhorar sua experiência com o InfoQ e ter acesso a funcionalidades exclusivas


Esqueci minha senha

Follow

Siga seus tópicos e editores favoritos

Acompanhe e seja notificados sobre as mais importantes novidades do mundo do desenvolvimento de software.

Like

Mais interação, mais personalização

Crie seu próprio feed de novidades escolhendo os tópicos e pessoas que você gostaria de acompanhar.

Notifications

Fique por dentro das novidades!

Configure as notificações e acompanhe as novidades relacionada a tópicos, conteúdos e pessoas de seu interesse

BT