BootstrapFolha de dicas

Folha de dicas de RTL

Conteúdo

Tipografia

Documentação

Exibição 1

Exibição 2

Exibição 3

Exibição 4

Exibição 5

Exibição 6

Cabeçallho 1

Título 2

Título 3

Título 4

Título 5

Título 6

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

Você pode usar a marca de marca pararealçartexto.

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

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

Esta linha de texto deve ser tratada como uma adição 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 Source Title
  • 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 mostrará uma bala
    • e ter margem esquerda apropriada
  • Isso ainda pode ser útil em algumas situações.
  • Este é um item de lista.
  • E um outro.
  • Mas eles são exibidos em linha.

Imagens

Documentação
Placeholder Responsive image
A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera 200x200

Tabelas

Documentação
# Primeiro Último Lidar com
1 Marca Otto @mdo
2 Jacó Thornton @gordo
3 Larry o pássaro @Twitter
# Primeiro Último Lidar com
1 Marca Otto @mdo
2 Jacó Thornton @gordo
3 Larry o pássaro @Twitter
Classe Cabeçalho Cabeçalho
Predefinição Célula Célula
Primário Célula Célula
Secundário Célula Célula
Sucesso Célula Célula
Perigo Célula Célula
Aviso Célula Célula
Informações Célula Célula
Leve Célula Célula
Escuro Célula Célula
# Primeiro Último Lidar com
1 Marca Otto @mdo
2 Jacó Thornton @gordo
3 Larry o pássaro @Twitter

Figuras

Documentação
Placeholder 400x300
Uma legenda para a imagem acima.

Formulários

Visão geral

Documentação
Nunca compartilharemos seu e-mail com mais ninguém.
Botões de rádios

Formulários desativados

Documentação
Botões de rádios desativados

Dimensionamento

Documentação

Grupo de entrada

Documentação
@
@example.com
https://example.com/users/
$ 0,00
Com área de texto

Validação

Documentação
Parece bom!
Parece bom!
@
Por favor, escolha um nome de usuário.
Forneça uma cidade válida.
Selecione um estado válido.
Forneça um CEP válido.
Você deve concordar antes de enviar.

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 qualquer um deles 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.

This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

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 qualquer um deles 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

Distintivo

Documentação

Exemplo de títuloNovo

Exemplo de títuloNovo

Exemplo de títuloNovo

Exemplo de títuloNovo

Exemplo de títuloNovo

Exemplo de títuloNovo

Exemplo de títuloNovo

Exemplo de títuloNovo

Primário Secundário Sucesso Perigo Aviso Informações Leve Escuro

Botões

Documentação

Cartão

Documentação
Placeholder Image cap
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
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
2 dias 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 elemento
Link do cartão Outro link
Placeholder Image
Título do cartão

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

Última atualização 3 minutos atrás

Listar grupo

Documentação
  • Um item desativado
  • Um segundo item
  • Um terceiro elemento
  • Um quarto item
  • E um quinto
  • Um item
  • Um segundo item
  • Um terceiro elemento
  • Um quarto item
  • E um quinto
Um item de grupo de lista padrão simples Um item de grupo de lista primária simples Um item de grupo de lista secundária simples Um item de grupo de lista de sucesso simples Um item de grupo de lista de perigo simples Um item de grupo de lista de aviso simples Um item de grupo de lista de informações simples Um item de grupo de lista de luz simples Um item de grupo de lista escura simples

Popovers

Documentação

Espião de rolagem

Documentação

Primeiro título

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

Segundo título

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

Terceiro título

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

Quarto título

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

Quinto título

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

Spinners

Documentação

Torradas

Documentação

Dicas de ferramentas

Documentação