Use containers, linhas com a classe "row" e colunas "col-xs-", "col-sm-", "col-md-" ou "col-lg-" para organizar o conteúdo em diferentes telas.
Duração do curso online: 3 horas e 10 minutos
Deixe seus sites responsivos e profissionais com Bootstrap: aprenda grid, formulários, navbars e modais em um curso online gratuito com certificado.
Dominar a estilização com Bootstrap é um atalho inteligente para criar interfaces modernas, responsivas e consistentes sem começar do zero a cada projeto. Neste curso online gratuito de Estilização de sites usando Bootstrap, você aprende a aplicar na prática os principais recursos do framework para dar acabamento profissional a páginas, componentes e layouts, acelerando o desenvolvimento no front-end e melhorando a experiência do usuário em diferentes dispositivos.
Ao longo das aulas, você entende a lógica do sistema de grid e como organizar seções com alinhamento e espaçamento previsíveis, criando páginas que se adaptam bem ao desktop e ao mobile. Também aprende a trabalhar com tipografia, tabelas e imagens de forma harmoniosa, explorando padronizações essenciais do Bootstrap e a importância de uma base de estilos consistente para evitar diferenças de renderização entre navegadores. A proposta é que você ganhe segurança para compor layouts limpos, legíveis e com boa hierarquia visual.
O curso avança para elementos presentes em quase todo site: formulários e botões. Você pratica a estrutura correta, as classes mais usadas e as convenções do framework para deixar campos mais amigáveis, acessíveis e prontos para uso em aplicações reais. Em seguida, aprofunda a construção de navegação com nav e navbar, compreendendo como organizar menus, abas e áreas de conteúdo para uma jornada do usuário mais intuitiva.
Para elevar o nível de interação, você vê como utilizar componentes como painéis, modais, tooltips e popovers, escolhendo quando cada recurso faz sentido e como manter a interface objetiva. Também aprende a comunicar estados e feedback com alerts e a criar áreas de destaque com carousel, sempre com foco em responsividade e consistência visual.
Por fim, você acompanha um redesign completo com Bootstrap e entende como dar os primeiros passos para criar um tema, consolidando um método de trabalho reaproveitável. É uma ótima opção para quem quer iniciar em Programação Front-End, reforçar o portfólio e desenvolver páginas com aparência profissional usando um framework consagrado.
Aprenda Bootstrap com cursos online gratuitos e com certificado, ideais para quem deseja criar sites responsivos, modernos e profissionais. Estude componentes, grids, layouts, formulários e boas práticas do framework, do nível básico ao avançado. Encontre as melhores opções de curso grátis de Bootstrap e desenvolva suas habilidades em front-end.
Aprenda CSS com cursos online gratuitos e com certificado, ideais para iniciantes e profissionais que desejam criar sites modernos, responsivos e atraentes. Explore conteúdos sobre seletores, cores, layouts, Flexbox, Grid, animações e boas práticas de desenvolvimento web. Escolha seu curso grátis de CSS, estude no seu ritmo e fortaleça seu currículo.
3 horas e 10 minutos de curso online em vídeo
Certificado digital de conclusão de curso ( Gratuito )
Exercícios para treinar seus conhecimentos
100% gratuito, do conteúdo ao certificado
Como criar um layout responsivo com o sistema de grid do Bootstrap 3?
Use containers, linhas com a classe "row" e colunas "col-xs-", "col-sm-", "col-md-" ou "col-lg-" para organizar o conteúdo em diferentes telas.
Qual classe deixa uma imagem responsiva no Bootstrap 3?
A classe "img-responsive" faz a imagem se ajustar à largura do elemento pai, mantendo a proporção.
Como criar um modal no Bootstrap 3?
A estrutura básica usa as classes "modal", "modal-dialog" e "modal-content", acionadas por um botão ou link com atributos data.
Pronto para começar?Baixe o app e comece hoje mesmo.
Instale o app agora
para ter acesso ao curso+ de 5.000 cursos gratuitos
Programação, Inglês, Marketing Digital e muito mais! Aprenda o que quiser, gratuitamente.
Plano de estudos com IA
A Inteligência Artificial do nosso aplicativo pode criar um cronograma de estudos para o curso que você escolher.
Do zero ao Sucesso profissional
Melhore seu currículo com nosso Certificado gratuito e depois utilize nossa Inteligência Artificial para buscar seu emprego dos sonhos.
Você também pode utilizar o QR Code ou os Links abaixo

Curso GratuitoPHP 8 do Zero ao Profissional (MVC, PDO, Composer, Twig e Deploy)
31h00m
58 exercícios

Curso GratuitoProgramação para Web
14h37m
12 exercícios

Curso GratuitoJavascript curso completo
3h56m
42 exercícios

Curso GratuitoDesenvolvimento Web Completo (Front-end: HTML, CSS, JavaScript)
10h33m
32 exercícios

Curso GratuitoHTML, CSS, JavaScript e Firebase: Seja um FullStack developer
3h51m
29 exercícios

Curso GratuitoAprenda HTML criando um clone da Netflix
4h16m
17 exercícios

Curso GratuitoCSS Flexbox no desenvolvimento de sites
1h18m
10 exercícios

Curso GratuitoJavaScript - Manipulando o DOM
1h50m
9 exercícios

Curso Gratuito Criação de loja virtual
20h31m
21 exercícios

Curso GratuitoReact JS
1h22m
10 exercícios
+ de 10 milhões
de alunos
Certificado grátis e
válido em todo o Brasil
60 mil exercícios
gratuitos
4,8/5 classificação
nas lojas de apps
Cursos gratuitos em
vídeo, ebooks e audiobooks
Comentários do Curso: Estilização de sites usando Bootstrap
Wagner Nascimento Pereira
Parece ser muito bom o aplicativo, ainda estou testando.