Bootstrap - Visão geral

O que é Twitter Bootstrap?

Bootstrap é uma estrutura de front-end móvel elegante, intuitiva e poderosa para desenvolvimento web mais rápido e fácil. Ele usa HTML, CSS e Javascript.

História

O Bootstrap foi desenvolvido por Mark Otto e Jacob Thornton no Twitter . Foi lançado como um produto de código aberto em agosto de 2011 no GitHub.

Por que usar o Bootstrap?

  • Mobile first approach - Bootstrap 3, framework consiste em primeiros estilos móveis em toda a biblioteca, em vez de em arquivos separados.

  • Browser Support - É compatível com todos os navegadores populares.

  • Easy to get started- Com apenas o conhecimento de HTML e CSS, qualquer pessoa pode começar a usar o Bootstrap. Além disso, o site oficial do Bootstrap possui uma boa documentação.

  • Responsive design- O CSS responsivo do Bootstrap se ajusta a desktops, tablets e dispositivos móveis. Mais sobre o design responsivo está no capítulo Bootstrap Responsive Design.

  • Fornece uma solução limpa e uniforme para construir uma interface para desenvolvedores.

  • Ele contém componentes embutidos bonitos e funcionais que são fáceis de personalizar.

  • Ele também fornece personalização baseada na web.

  • E o melhor de tudo é um código aberto.

O que inclui o pacote de bootstrap?

  • Scaffolding- Bootstrap fornece uma estrutura básica com Sistema de grade, estilos de link e plano de fundo. Isso é abordado em detalhes na seçãoBootstrap Basic Structure

  • CSS- Bootstrap vem com o recurso de configurações CSS globais, elementos HTML fundamentais estilizados e aprimorados com classes extensíveis e um sistema de grade avançado. Isso é abordado em detalhes na seçãoBootstrap with CSS.

  • Components- Bootstrap contém mais de uma dúzia de componentes reutilizáveis ​​construídos para fornecer iconografia, menus suspensos, navegação, alertas, pop-overs e muito mais. Isso é abordado em detalhes na seçãoLayout Components.

  • JavaScript Plugins- Bootstrap contém mais de uma dúzia de plug-ins jQuery personalizados. Você pode incluir todos eles facilmente ou um por um. Isso é abordado em detalhes na seçãoBootstrap Plugins.

  • Customize - Você pode personalizar os componentes do Bootstrap, variáveis ​​LESS e plug-ins jQuery para obter sua própria versão.