Bootstrap
Bootstrap é um framework front-end que facilita a vida dos desenvolvedores web a criar sites com tecnologia mobile (responsivo) sem ter que digitar uma linha de CSS para “fazer e acontecer”. Não é a toa que o termo “Bootstrap” em inglês significa “inicialização”, algo que possui um ponto de partida.
O Bootstrap é uma estrutura Web que se concentra em simplificar o desenvolvimento de páginas Web informativas (em oposição a aplicativos Web). O objetivo principal de adicioná-lo a um projeto da Web é aplicar as opções de cor, tamanho, fonte e layout do bootstrap para esse projeto. Como tal, o principal fator é se os desenvolvedores encarregados de encontrar essas escolhas ao seu gosto. Uma vez adicionado a um projeto, Bootstrap fornece definições de estilo básico para todos os elementos HTML. O resultado final é uma aparência uniforme para prosa, tabelas e elementos de formulário em navegadores da Web. Além disso, os desenvolvedores podem aproveitar as classes CSS definidas no bootstrap para personalizar ainda mais a aparência de seu conteúdo. Por exemplo, o bootstrap foi provisionado para tabelas de cores claras e escuras, cabeçalhos de página, Cotações pull mais proeminentes e texto com um realce.
Bootstrap também vem com vários componentes JavaScript na forma de Plugins jQuery. Eles fornecem elementos adicionais da interface do usuário, como caixas de diálogo, dicas de ferramentas e carrosséis. Cada componente Bootstrap consiste em uma estrutura HTML, declarações CSS e, em alguns casos, que acompanha o código JavaScript. Eles também estendem a funcionalidade de alguns elementos de interface existentes, incluindo, por exemplo, uma função de preenchimento automático para campos de entrada.
Os componentes mais proeminentes do bootstrap são seus componentes de layout, pois afetam uma página da Web inteira. O componente de layout básico é chamado “container “, como todos os outros elementos na página é colocado nele. Os desenvolvedores podem escolher entre um contêiner de largura fixa e um recipiente de largura de fluido. Enquanto o último sempre preenche a largura da página da Web, o primeiro usa uma das quatro larguras fixas predefinidas, dependendo do tamanho da tela mostrando a página:
- Menor que 576 pixels
- 576 – 768 pixéis
- 768 – 992 píxeis
- 992 – 1200 píxeis
- Maior que 1200 pixels
Depois que um contêiner está no lugar, outros componentes de layout do bootstrap implementam um layout de grade CSS através da definição de linhas e colunas.
Uma versão pré-compilada do bootstrap está disponível na forma de um arquivo CSS e três arquivos JavaScript que podem ser prontamente adicionados a qualquer projeto. A forma bruta de Bootstrap, no entanto, permite que os desenvolvedores implementem mais personalização e otimizações de tamanho. Esta forma bruta é modular, o que significa que o desenvolvedor pode remover componentes desnecessários, aplicar um tema e modificar os arquivos Sass não compilados.