Bootstrap CSS Classe de texto movido

Bootstrap CSS Classe de texto movido

O texto no bootstrap pode ser feito colorido usando várias cores. Essas cores são aplicadas usando as classes de cores de texto como “Primary de texto","Text-Info","escuro em texto", e muitos mais. Mais especificamente, o “Mutado por texto”Class é um deles. Esta classe de bootstrap é usada para aplicar uma aparência suave ao texto do elemento.

Esta postagem o instruirá sobre:

  • O que é Bootstrap CSS “Class: Muted Text”?
  • Como adicionar a classe "Mutada de texto" de bootstrap ao elemento HTML?
  • Como usar a classe “movimentada de texto” com outras classes de cores de texto?

O que é Bootstrap CSS “Class: Muted Text”?

O "Mutado por texto”A classe foi projetada com a“cor”Propriedade com o valor”#6C757D" (cinza). Esta aula é frequentemente usada para fazer o texto desaparecer em segundo plano ou enfatizá-lo.

Como adicionar a classe "Mutada de texto" de bootstrap ao elemento HTML?

Vamos entender com a ajuda de um exemplo prático:

  • Adicione um “”Elemento e atribui -lo“cartão","W-50", e "M-AUTO" Aulas.
  • Para o cabeçalho do cartão, especifique o “Cardeiro"Classe no elemento" "". Adicione o "

    ”Elemento para ajustar o cabeçalho do cartão.

  • Em seguida, crie o corpo do cartão adicionando um recipiente com a classe “Cartão-corpo”. Dentro disso "", adicione o "

    ”Elemento com a classe“Mutado por texto”.

  • Por fim, crie o rodapé do cartão usando a classe “Footer de cartão”E adicione o“

    ”Elemento com algum texto.

Aqui está o código HTML:



lt; h1> sr. William


Engenheiro de software criativo




Contato: xxx-xxx-xxxx



É mostrado a partir da saída que o texto do corpo da carta é silenciado, enquanto o texto do rodapé é o texto normal:

Como usar a classe “movimentada de texto” com outras classes de cores de texto?

O "Mutado por texto”A classe é adicionada ao elemento que você deseja afetar. Também pode ser aplicado junto com outras classes de cores. No entanto, ele substituirá as outras classes de cores de texto.

Exemplo

Vamos adicionar o “Danger de texto" e a "Mutado por texto”Classe no exemplo em andamento:


Engenheiro de software criativo


Aqui:

  • ““intensidade da fonte: Negrito”Classe deixa a fonte grossa.
  • ““Danger de texto”A classe aplica a cor do texto vermelho.
  • ““Mutado por texto”Classe adiciona um efeito sutil ao texto.

Saída

É tudo sobre a classe CSS de Bootstrap “Mutado por texto”.

Conclusão

A classe CSS de Bootstrap “Mutado por texto"Foi projetado com a propriedade"cor"Com o valor"#6C757D”. Esta classe é usada para adicionar texto com um efeito suave. Para utilizá-lo, especifique a classe "moída por texto" para o elemento ao qual você deseja aplicar o efeito. Esta classe também pode ser adicionada com outras classes de cores de texto. Este artigo explicou a classe CSS de Bootstrap “Muted Text” com exemplos.