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 nomeSobrenomeHandle
1MarkOtto@mdo
2JacobThornton@gordura
3Larry o pássaroTwitter
#Primeiro nomeSobrenomeHandle
1MarkOtto@mdo
2JacobThornton@gordura
3Larry o pássaroTwitter
AulaTítuloTítulo
PadrãoCélulaCélula
PrimárioCélulaCélula
SecundárioCélulaCélula
SUCESSOCélulaCélula
perigoCélulaCélula
AvisoCélulaCélula
InfoCélulaCélula
ClaroCélulaCélula
EscuroCélulaCélula
#Primeiro nomeSobrenomeHandle
1MarkOtto@mdo
2JacobThornton@gordura
3Larry o pássaroTwitter
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.

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 SUCESSO perigo Aviso Info Claro Escuro
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
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
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

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.

Carregando ...
Carregando ...
Carregando ...
Carregando ...
Carregando ...
Carregando ...
Carregando ...
Carregando ...
Carregando ...
Carregando ...
Carregando ...
Carregando ...
Carregando ...
Carregando ...
Carregando ...
Carregando ...