Para começar a usar o Bootstrap em uma página, é preciso adicionar a referência dos principais arquivos do framework na página principal da aplicação. Confira, a seguir, o código de uma página HTML com todas as referências necessárias para que o framework funcione.
Para iniciar o uso do Bootstrap na prática você deverá criar um diretório para salvar as páginas HTML e os recursos necessários para o website. Chamaremos a pasta de “www_Bootstrap” e dentro da mesma devem ser extraídos os arquivos do Bootstrap contidos no zip baixado anteriormente.
Para o Bootstrap funcionar de forma correta, é necessário utilizar duas libs extras: o jQuery e o Popper. js – se não fizermos isso alguns componentes não irão funcionar, e nem seus efeitos. Tudo que estamos baixando vai ficar em uma pasta chamada node_modules, que é do NPM. É essa pasta que será o endereço das libs.
Bootstrap é o mais popular framework HTML, CSS, e JS para desenvolvimento de projetos responsivos e focados para dispositivos móveis na web. Desenvolvido por Jacob Thorton e Mark Otto, engenheiros do Twitter, a ferramenta era apenas uma tentativa de resolver incompatibilidades dentro da própria equipe.
Seus recursos são muito usados por programadores front-end, pois a ferramenta oferece componentes e recursos que simplificam e tornam mais ágil o desenvolvimento web. É importante destacar que o Bootstrap é gratuito, oferece modelos e estilos editáveis que facilitam a criação de layouts responsivos.
Programadores experientes em front-end costumam não gostar do Bootstrap porque ele entrega muito código que não será usado, o que pode deixar os sistemas lentos. Dessa forma, eles acabam preferindo desenvolver soluções próprias, codificando “na unha”. Isso não invalida o uso do Bootstrap.
Quer ter acesso a todos os cursos desse Guia? Nesse Guia de Consulta você encontrará o conteúdo que precisa para iniciar seus estudos sobre framework Bootstrap. O Bootstrap é, atualmente, o principal framework CSS para construção do front-end de aplicações web.
Com essa configuração, você pode começar a modificar quaisquer variáveis e mapas Sass, no seu custom.scss. Você também pode começar a adicionar partes do Bootstrap, abaixo do comentário “ // Partes adicionais ”, sempre que necessário. Nós sugerimos usar toda a pilha de importação do nosso arquivo bootstrap.scss, como seu ponto inicial.
Quando não há bens a penhorar o que acontece?
Qual a diferença entre o vinagre branco e colorido?
Para que serve cada tipo de argila?
Que medicamentos matam as bactérias?
Como substituir o café para quem tem gastrite?
Qual a importância da coagulação da água?
Quantos centos de salgados para 40 pessoas?
Para que serve suco de couve em jejum?
Qual é o diminutivo de chocolate?
Como identificar início de ginecomastia?
Qual a diferença entre multa e advertência?
Qual o versículo da Bíblia de Mateus?