O melhor tutorial Bootstrap classe auxiliar em 2024. Neste tutorial você pode aprender texto,fundo,outro,mais exemplos,Exemplos,Exemplos,Exemplos,Exemplos,Exemplos,Exemplos,Exemplos,
Este capítulo discute algumas das Bootstrap pode vir a classes auxiliares úteis.
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 |
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 |
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 |
Use Fechar ícone comum para fechar a caixa modal e a caixa de alerta. Useclasse perto de chegar perto ícone.
Os resultados são os seguintes:
Use acento circunflexo para puxar para baixo a função e direção. Use <span> elemento com acento circunflexoclasse para obter esse recurso.
Os resultados são os seguintes:
Você pode usar cadaclasse pull-esquerda pull-direitaou para os elementos de esquerda ou direita-flutuante. O exemplo a seguir ilustra esse ponto.
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 .
Use centroclasse-block para centralizar elementos.
Os resultados são os seguintes:
Para limpar o elemento flutuante, use.clearfix classe.
Os resultados são os seguintes:
Você pode forçar o elemento para exibir ou ocultar (incluindo leitores de tela) através do uso declasse .mostrar e .hiddenvir.
Os resultados são os seguintes:
Você pode colocar todos os elementos do dispositivo usando umaclasse oculta .sr-only, além de um leitor de tela.
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.