Bootstrap's Default Settings
Bootstrap's padrão mundial font-size é 14px, com um line-height de 1.428.
Esta é aplicada ao <body> e todos os parágrafos.
Além disso, todos <p> elementos têm uma margem inferior igual a metade do seu computadorizada line-height (10px por padrão).
Tipografia
Os elementos a seguir são elementos HTML que serão decorados um pouco diferente por Bootstrap de padrões do navegador. Olhe para os "experimentar" exemplos para ver o resultado / diferenças.
As classes abaixo é usado para denominar ainda mais os elementos.
| Elemento / Classe | Descrição | Exemplo |
|---|---|---|
| <h1> - <h6> or .h1 - .h6 | rubricas h6 - h1 | Tente |
| <small> | Cria um texto secundário mais leves em qualquer posição Rubrica (texto secundário) | Tente |
| .small | Indica texto menor (definido como 85% do tamanho do pai): texto menor | Tente |
| .lead | Faz um texto destacam-se: Esteja para fora texto | Tente |
| <mark> or .mark | Destaques texto: texto realçado | Tente |
| <del> | Indica o texto excluído: | Tente |
| <s> | Indica o texto não é mais relevante: | Tente |
| <ins> | Indica o texto inserido: texto inserido | Tente |
| <u> | Indica texto sublinhado: Texto sublinhado | Tente |
| <strong> | Indica texto em negrito: O texto em negrito | Tente |
| <em> | Indica texto em itálico: O texto em itálico | Tente |
| .text-left | Indica o texto alinhado à esquerda | Tente |
| .text-center | Indica o texto alinhado ao centro | Tente |
| .text-right | Indica texto alinhado à direita | Tente |
| .text-justify | Indica texto justificado | Tente |
| .text-nowrap | Indica nenhum texto envoltório | Tente |
| .text-lowercase | Indica o texto em minúsculas: TEXT lowercased | Tente |
| .text-uppercase | Indica o texto uppercased: texto uppercased | Tente |
| .text-capitalize | Indica o texto em maiúsculas: texto capitalizado | Tente |
| <abbr> | O <abbr> elemento indica uma abreviatura ou acrónimo. Abreviaturas com um título atributo tem uma borda inferior pontilhada e um cursor de ajuda em foco, proporcionando um contexto adicional em foco. | Tente |
| .initialism | Exibe o texto dentro do <abbr> elemento em um tamanho de fonte ligeiramente menor | Tente |
| <address> | Apresenta informações de contato | Tente |
| <blockquote> | Indica blocos de conteúdo de outra fonte | Tente |
| .blockquote-reverse | Indica uma blockquote com o conteúdo alinhado à direita | Tente |
| <ul> | Indica uma lista não ordenada | Tente |
| <ol> | Indica uma lista ordenada | Tente |
| .list-unstyled | Remove o padrão list-style e margem esquerda em itens da lista (funciona tanto em <ul> e <ol> ). Esta classe aplica-se apenas aos itens da lista de filhos imediatos (para remover o padrão list-style de quaisquer listas aninhadas, aplicar esta classe para quaisquer listas aninhadas também) | Tente |
| .list-inline | Coloca todos os itens da lista em uma única linha | Tente |
| <dl> | Indica uma lista de inscrição | Tente |
| .dl-horizontal | Alinha os termos e descrições no <dl> elemento de side-by-side. Começa como padrão <dl>s , mas quando a janela do navegador se expande, ele vai alinhar lado a lado | Tente |
Código
| Elemento / Classe | Descrição | Exemplo |
|---|---|---|
| <var> | Indica variáveis: x = a b + y | Tente |
| <kbd> | Indica entrada que é normalmente inseridos através do teclado: CTRL + P | Tente |
| <pre> | Indica várias linhas de código | Tente |
| <pre class="pre-scrollable"> | Indica várias linhas de código com barra de rolagem | Tente |
| <samp> | Indica saída de exemplo a partir de um programa de computador: Exemplo de saída | Tente |
| <code> | Indica trechos em linha de código: span , div | Tente |