SERGIO TOMASVoltar ao portfólio

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

  1. 01

    Sistema de grid

    Containers, linhas, colunas e breakpoints.

  2. 02

    Componentes

    Navbars, modais, formulários e cards.

  3. 03

    Utilitários

    Helpers de espaçamento, display e flex.

  4. 04

    Temas

    Customização com variáveis Sass.

  5. 05

    Acessibilidade

    Usar componentes com roles e foco corretos.

  6. 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.
04Relacionadas