BT

Disseminando conhecimento e inovação em desenvolvimento de software corporativo.

Contribuir

Tópicos

Escolha a região

Início Notícias Bootstrap 2.1 do Twitter traz novos componentes e documentação reformulada

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

Favoritos

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.

Avalie esse artigo

Relevância
Estilo/Redação

Conteúdo educacional

BT