Pular para o conteúdo

Componentes

Emblema

Primary Secondary Success Info Warning Danger Light Dark

Link

Primary Secondary Success Info Warning Danger Light Dark

Dimensionamento automático

Primary Secondary Success Info Warning Danger Light Dark

Botão

Contorno
Pequeno
Grande
Grupo

Menu suspenso

Cabeçalho
Ação Algo mais aqui
Link separado

Navegação e abas

Padrão
Abas

Barra de Navegação

Formulário

Nós nunca compartilharemos seu e-mail com alguém.

Paginação

Trilha de Navegação

Grupo-lista

  1. Subtítulo
    Cras justo odio
    14
  2. Subtítulo
    Cras justo odio
    14
  3. Subtítulo
    Cras justo odio
    14
  4. Subtítulo
    Cras justo odio
    14
  5. Subtítulo
    Cras justo odio
    14
  6. Subtítulo
    Cras justo odio
    14
  7. Subtítulo
    Cras justo odio
    14
  8. Subtítulo
    Cras justo odio
    14
  9. Subtítulo
    Cras justo odio
    14

Quadro

...
Título do cartão

Breve exemplo de texto para criar o título de cartão e formar o grosso do conteúdo do cartão.

  • Um item
  • Segundo item
  • Terceiro item
Link do cartão Outro link
...
Título do cartão

Isso é um cartão mais largo com texto de apoio abaixo e uma introdução fluída de conteúdo adicional. Este conteúdo é um pouco mais longo.

Última atualização há 3 minutos

Alertas

Isto é um alerta "Primary" com link.
Isto é um alerta "Secondary" com link.
Isto é um alerta "Success" com link.
Isto é um alerta "Info" com link.
Isto é um alerta "Warning" com link.
Isto é um alerta "Danger" com link.
Isto é um alerta "Light" com link.
Isto é um alerta "Dark" com link.

Modal

Título Modal

Isso é um parágrafo. Ambitioni dedisse scripsisse iudicaretur. Nihilne te nocturnum praesidium Palati, nihil urbis vigiliae. Unam incolunt Belgae, aliam Aquitani, tertiam. Integer legentibus erat a ante historiarum dapibus. Phasellus laoreet lorem vel dolor tempus vehicula.

Utilitários e tipografia

Color 1
Color 2
Color 3
Color 4
Color 5
Primary
Secondary
Success
Info
Warning
Danger
Light
Dark
White
100
200
300
400
500
600
700
800
900
Black
Color 1
Color 2
Color 3
Color 4
Color 5
Primary
Secondary
Success
Info
Warning
Danger
Light
Dark
White
100
200
300
400
500
600
700
800
900
Black

Sombramento: pequeno

(shadow-sm)

Sombramento: médio

(shadow)

Sombramento: grande

(shadow-lg)

Raio da borda: nenhum

(rounded-0)

Raio da borda: pequeno

(rounded-1)

Raio da borda: médio

(rounded-2)

Raio da borda: grande

(rounded-3)

Exibição 1

Exibição 2

Exibição 3

Exibição 4

Exibição 5

Exibição 6

Cabeçalhos 1

Cabeçalhos 2

Cabeçalhos 3

Cabeçalhos 4

Cabeçalhos 5
Cabeçalhos 6

Texto principal

Parágrafo com textos em negrito, silenciado e itálico

Link