Bootstrap classe auxiliar
Este capítulo discute algumas das Bootstrap pode vir a classes auxiliares úteis.
texto
As seguintes classes diferentes mostram diferentes cores de texto. Se o texto é um link para mover o mouse sobre o texto será esmaecido:
| categoria | descrição | Exemplos |
|---|---|---|
| .text-mudo | Estilo de texto categoria "sem áudio-texto" | tentar |
| .text-primário | Estilo de texto categoria "text-primária" | tentar |
| .text-sucesso | Estilo de Texto "text-sucesso" categoria | tentar |
| .text-info | Estilo de Texto "text-info" categoria | tentar |
| .text de alerta | Estilo de texto categoria "-aviso texto" | tentar |
| .text-perigo | Estilo de texto categoria "text-perigo" | tentar |
fundo
As seguintes classes diferentes mostra diferentes cores de fundo. Se o texto é um link para mover o mouse sobre o texto será esmaecido:
| categoria | descrição | Exemplos |
|---|---|---|
| .bg-primário | célula da tabela usando a categoria "bg-primária" | tentar |
| .bg-sucesso | célula da tabela usando a categoria "bg-sucesso" | tentar |
| .bg-info | célula da tabela usando o "bg-info" categoria | tentar |
| .bg de alerta | célula da tabela usando a categoria "bg-aviso" | tentar |
| .bg-perigo | célula da tabela usando a categoria "bg-perigo" | tentar |
outro
| categoria | descrição | Exemplos |
|---|---|---|
| .pull-esquerda | Elementos de flutuador para a esquerda | tentar |
| .pull-direita | Elementos de flutuador para a direita | tentar |
| .center-block | Elemento é definido display: block e centrado | tentar |
| .clearfix | Limpar flutuador | tentar |
| .mostrar | elementos obrigatórios são exibidos | tentar |
| .hidden | Element Hiding obrigatória | tentar |
| .sr-only | Para além do leitor de tela, o elemento oculto em outros dispositivos | tentar |
| .sr-only-focalizável | Em conjunto com a classe só de .sr, exibido quando o elemento recebe o foco (tais como: a operação do teclado do usuário) | tentar |
| .text-esconde | Os elementos da página de texto contido substituir o fundo | tentar |
| .close | Display Off botão | tentar |
| .caret | Exibição do menu drop-down | tentar |
mais exemplos
Fechar ícone
Use Fechar ícone comum para fechar a caixa modal e a caixa de alerta. Useclasse perto de chegar perto ícone.
Exemplos
tente »
Os resultados são os seguintes:
circunflexo
Use acento circunflexo para puxar para baixo a função e direção. Use <span> elemento com acento circunflexoclasse para obter esse recurso.
Exemplos
tente »
Os resultados são os seguintes:
flutuante rápido
Você pode usar cadaclasse pull-esquerda pull-direitaou para os elementos de esquerda ou direita-flutuante. O exemplo a seguir ilustra esse ponto.
Exemplos
tente »
Os resultados são os seguintes:
Para alinhar os componentes da barra de navegação, utilize.navbar-esquerda ou .navbar com o botão direitoem seu lugar. Veja a barra de navegação Bootstrap .
conteúdo centrado
Use centroclasse-block para centralizar elementos.
Exemplos
tente »
Os resultados são os seguintes:
Limpar flutuador
Para limpar o elemento flutuante, use.clearfix classe.
Exemplos
tente »
Os resultados são os seguintes:
Mostrar e ocultar conteúdo
Você pode forçar o elemento para exibir ou ocultar (incluindo leitores de tela) através do uso declasse .mostrar e .hiddenvir.
Exemplos
tente »
Os resultados são os seguintes:
leitor de tela
Você pode colocar todos os elementos do dispositivo usando umaclasse oculta .sr-only, além de um leitor de tela.
Exemplos
tente »
Os resultados são os seguintes:
Aqui vemos dois tipos de tags de entrada de etiquetas comclasse sr-somente, de modo que o rótulo só será visível para os leitores de tela.