Frontend

Bootstrap 5 Utility Classes Cheat Sheet

Classes utilitárias de grid, espaçamento e componentes do Bootstrap 5.

Layout

Estrutura básica de grid responsivo.

<div class="container">
  <div class="row">
    <div class="col-md-6">...</div>
  </div>
</div>

Utilitários de Flexbox.

d-flex align-items-center justify-content-between

Classes de margin (m) e padding (p).

m-3 p-2 mt-5 py-4

Cores de texto, alinhamento e peso da fonte.

text-primary text-center fw-bold

Cor de fundo, arredondamento e sombra.

bg-dark text-white rounded shadow

Estilização de botões padrão.

btn btn-primary btn-lg

Imagens responsivas e circulares.

img-fluid rounded-circle