BT

Bootstrap 2.1 do Twitter traz novos componentes e documentação reformulada

por Eder Magalhães em 27 Ago 2012 |

Foi anunciado o Bootstrap 2.1, a nova versão do framework para desenvolvimento de front-end web criado pelos desenvolvedores do Twitter. Novos componentes, melhorias na documentação, correções de bugs e maior flexibilidade no código marcam essa nova versão do Bootstrap.

A proposta do Bootstrap é apoiar o desenvolvimento de aplicativos web e para isto, o framework provê uma série de definições CSS e código JavaScript para a criação de layouts na web, incluindo tipografia, formulários, tabelas, alertas e outros componentes HTML. Baseado no conceito de Responsive Web Design (design responsivo), o Bootstrap dá acesso à camada de apresentação em diferentes versões de navegadores e diferentes dispositivos como, por exemplo, Desktop, Notebook, Tablets e Smartphones.

Os elementos visuais da documentação (acessíveis através da página do projeto) foram reformulados e agora apresentam um estilo mais claro e moderno. Além disso, o conteúdo da documentação foi revisado e novos exemplos foram adicionados.

Diversas funcionalidades foram implementadas no Bootstrap 2.1, com destaque para:

  • Suporte para submenus drop-down. Permite utilizar uma lista não ordenada (tag ul) como, por exemplo, opções de menu acionadas a partir de um menu principal. A documentação exibe um exemplo.
  • Plugin JavaScript para Affix. Com esse plugin é possível apresentar conteúdo na página no topo da área de visualização. Um exemplo de uso desse mecanismo é encontrado no próprio menu de navegação da página do Bootstrap(lado esquerdo da página do projeto). Conforme uma opção é selecionada através desse plugin, o scroll é acionado até o conteúdo relacionado. A documentação oficial demonstra como utilizar o plugin Affix.
  • Botões em nível de blocos. O Bootstrap define várias regras de estilo para botões HTML. A partir de agora é possível criar botões que se estendem por toda a largura do elemento pai. Um exemplo desse tipo de botão está disponível na documentação.
  • Novo estilo para componente navbar. O visual da barra de navegação foi atualizado para cores mais claras. Mais detalhes estão na documentação do navbar.
  • Tipografia melhorada. Com objetivo de melhorar a disposição de conteúdo, os textos agora possuem o tamanho padrão de 14px, enquanto a altura da linha passa para 20px.
  • Layouts fluidos (fluid grid layouts). A partir dessa versão o posicionamento dos elementos em fluid grid é realizado através do cálculo do percentual de acordo com a largura da tela. Desta forma, não são mais utilizadas porcentagens fixas.

O changelog completo dessa versão pode ser visualizado através do wiki do projeto, no Github, ou através da página do milestone 2.1. Ainda não foi definida uma data para o lançamento da versão 2.2 do Bootstrap, mas os desenvolvedores já começaram a trabalhar neste release. A comunidade pode acompanhar a evolução do projeto através do Github e da conta Twitter deste projeto.

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
Comentários da comunidade

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

Dê sua opinião

Conteúdo educacional

Feedback geral
Bugs
Publicidade
Editorial
InfoQ Brasil e todo o seu conteúdo: todos os direitos reservados. © 2006-2014 C4Media Inc.
Política de privacidade
BT