Web & Design · Ferramenta
Bootstrap
Blocos de construção para UI responsiva.
Onde usei
- Tugarê
- Marvin
01Visão geral
Bootstrap é um framework CSS com grid responsivo e componentes prontos. Usei para entregar interfaces consistentes e responsivas com agilidade — uma primeira lição sobre o valor dos design systems.
02Conceitos essenciais
O que qualquer pessoa que trabalha com isso precisa entender
- 01
Sistema de grid
Containers, linhas, colunas e breakpoints.
- 02
Componentes
Navbars, modais, formulários e cards.
- 03
Utilitários
Helpers de espaçamento, display e flex.
- 04
Temas
Customização com variáveis Sass.
- 05
Acessibilidade
Usar componentes com roles e foco corretos.
- 06
Quando não usar
Trade-offs em relação a design systems próprios.
03Na prática
Usei em sites e sistemas web na Tugarê e em sistemas legados na Marvin.