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.

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
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
Feedback geral
Bugs
Publicidade
Editorial
Marketing
InfoQ Brasil e todo o seu conteúdo: todos os direitos reservados. © 2006-2016 C4Media Inc.
Política de privacidade
BT

We notice you’re using an ad blocker

We understand why you use ad blockers. However to keep InfoQ free we need your support. InfoQ will not provide your data to third parties without individual opt-in consent. We only work with advertisers relevant to our readers. Please consider whitelisting us.