Tipografia

Título 1

Título 2

Título 3

Título 4

Título 5

Título 6

exibição 1

exibição 2

exibição 3

exibição 4

exibição 5

exibição 6

Este é um parágrafo inicial. Destaca-se dos parágrafos regulares.

Você pode usar a marca de marcação para realçar texto.

Esta linha de texto deve ser tratada como texto excluído.

Esta linha de texto deve ser tratada como não sendo mais precisa.

Esta linha de texto deve ser tratada como um acréscimo ao documento.

Esta linha de texto será renderizada como sublinhada.

Esta linha de texto deve ser tratada como letras miúdas.

Esta linha é renderizada como texto em negrito.

Esta linha é renderizada como texto em itálico.

Uma citação bem conhecida, contida em um elemento blockquote.

Alguém famoso em Título da Fonte
  • Esta é uma lista.
  • Parece completamente sem estilo.
  • Estruturalmente, ainda é uma lista.
  • No entanto, esse estilo se aplica apenas a elementos filho imediatos.
  • Listas aninhadas:
    • não são afetados por este estilo
    • ainda vai mostrar uma bala
    • e tem margem esquerda apropriada
  • Isso ainda pode ser útil em algumas situações.
  • Este é um item da lista.
  • E um outro.
  • Mas eles são exibidos em linha.

Imagens

espaço reservadoImagem responsiva
Uma imagem de espaço reservado quadrada genérica com uma borda branca ao redor, fazendo com que pareça uma fotografia tirada com uma câmera instantânea antiga200 × 200

Tabelas

# Primeiro nome Sobrenome Handle
1 Mark Otto @mdo
2 Jacob Thornton @gordura
3 Larry o pássaro Twitter
# Primeiro nome Sobrenome Handle
1 Mark Otto @mdo
2 Jacob Thornton @gordura
3 Larry o pássaro Twitter
Aula Título Título
Padrão Célula Célula
Primário Célula Célula
Secundário Célula Célula
RESULTADOS Célula Célula
perigo Célula Célula
Aviso Célula Célula
Info Célula Célula
Claro Célula Célula
Escuro Célula Célula
# Primeiro nome Sobrenome Handle
1 Mark Otto @mdo
2 Jacob Thornton @gordura
3 Larry o pássaro Twitter

figuras

Documentação
espaço reservado400 × 300
Uma legenda para a imagem acima.

Componentes

Acordeão

Documentação

Este é o corpo sanfonado do primeiro item. Ele fica oculto por padrão, até que o plug-in de recolhimento adicione as classes apropriadas que usamos para estilizar cada elemento. Essas classes controlam a aparência geral, bem como a exibição e ocultação por meio de transições CSS. Você pode modificar tudo isso com CSS personalizado ou substituindo nossas variáveis ​​padrão. Também vale a pena notar que praticamente qualquer HTML pode ir dentro do .accordion-body, embora a transição limite o estouro.

Este é o corpo do acordeão do segundo item. Ele fica oculto por padrão, até que o plug-in de recolhimento adicione as classes apropriadas que usamos para estilizar cada elemento. Essas classes controlam a aparência geral, bem como a exibição e ocultação por meio de transições CSS. Você pode modificar tudo isso com CSS personalizado ou substituindo nossas variáveis ​​padrão. Também vale a pena notar que praticamente qualquer HTML pode ir dentro do .accordion-body, embora a transição limite o estouro.

Este é o corpo sanfonado do terceiro item. Ele fica oculto por padrão, até que o plug-in de recolhimento adicione as classes apropriadas que usamos para estilizar cada elemento. Essas classes controlam a aparência geral, bem como a exibição e ocultação por meio de transições CSS. Você pode modificar tudo isso com CSS personalizado ou substituindo nossas variáveis ​​padrão. Também vale a pena notar que praticamente qualquer HTML pode ir dentro do .accordion-body, embora a transição limite o estouro.

Alertas

Documentação

Crachá

Documentação

Exemplo de título Novo

Exemplo de título Novo

Exemplo de título Novo

Exemplo de título Novo

Exemplo de título Novo

Exemplo de título Novo

Exemplo de título Novo

Exemplo de título Novo

Primário Secundário RESULTADOS perigo Aviso Info Claro Escuro

botões

Documentação

Card

Documentação
espaço reservadoLimite de imagem
Título do cartão

Algum texto de exemplo rápido para construir no título do cartão e compor a maior parte do conteúdo do cartão.

Ir a algum lugar
Em destaque
Título do cartão

Algum texto de exemplo rápido para construir no título do cartão e compor a maior parte do conteúdo do cartão.

Ir a algum lugar
dias 2 atrás
Título do cartão

Algum texto de exemplo rápido para construir no título do cartão e compor a maior parte do conteúdo do cartão.

  • Um item
  • Um segundo item
  • Um terceiro item
Link do cartão Outro link
espaço reservadoImagem
Título do cartão

Este é um cartão mais amplo com texto de apoio abaixo como uma entrada natural para conteúdo adicional. Este conteúdo é um pouco mais longo.

Última atualização 3 minutos atrás

Grupo de lista

Documentação

Popovers

Documentação

Espião de rolagem

Documentação

Primeiro cabeçalho

Este é um conteúdo de espaço reservado para a página scrollspy. Observe que conforme você rola a página, o link de navegação apropriado é realçado. É repetido em todo o exemplo de componente. Continuamos adicionando mais algumas cópias de exemplo aqui para enfatizar a rolagem e o realce.

Segundo título

Este é um conteúdo de espaço reservado para a página scrollspy. Observe que conforme você rola a página, o link de navegação apropriado é realçado. É repetido em todo o exemplo de componente. Continuamos adicionando mais algumas cópias de exemplo aqui para enfatizar a rolagem e o realce.

Terceiro cabeçalho

Este é um conteúdo de espaço reservado para a página scrollspy. Observe que conforme você rola a página, o link de navegação apropriado é realçado. É repetido em todo o exemplo de componente. Continuamos adicionando mais algumas cópias de exemplo aqui para enfatizar a rolagem e o realce.

Quarto cabeçalho

Este é um conteúdo de espaço reservado para a página scrollspy. Observe que conforme você rola a página, o link de navegação apropriado é realçado. É repetido em todo o exemplo de componente. Continuamos adicionando mais algumas cópias de exemplo aqui para enfatizar a rolagem e o realce.

Quinto título

Este é um conteúdo de espaço reservado para a página scrollspy. Observe que conforme você rola a página, o link de navegação apropriado é realçado. É repetido em todo o exemplo de componente. Continuamos adicionando mais algumas cópias de exemplo aqui para enfatizar a rolagem e o realce.

Spinners

Documentação

brindes

Documentação

Tooltips

Documentação