Como funciona a cor do texto em bootstrap?
Bootstrap é uma estrutura de desenvolvimento de front-end e bem-aventureira. Cria sites responsivos e prontos para dispositivos móveis. Essa estrutura também fornece muitos recursos, como classes internas para margem e preenchimento, efeito de desbotamento e muito mais. Alterar a cor do texto dos elementos HTML é um dos recursos essenciais. Para utilizá -lo, tudo o que você precisa fazer é adicionar a classe de cores aos elementos cuja cor você deseja ajustar.
Este artigo ensinará como a cor do texto funciona no bootstrap.
Bootstrap Text Color Classes
Bootstrap usa um pacote de classes para alterar a cor do texto. Alguns deles são alistados abaixo:
| Classes de cores de texto | Descrição |
| Texto-sucesso | Esta classe define a cor do texto verde. |
| envergonhamento de texto | Esta classe define a cor do texto amarelo. |
| Primary de texto | Esta classe define a cor do texto azul. |
| luz de texto | Esta classe define a cor do texto cinza. |
| Text-Info | Esta classe define a cor do texto azul claro. |
| escuro em texto | Esta classe define a cor do texto cinza escuro. |
| Danger de texto | Esta classe define a cor do texto vermelho. |
| Texto-secundário | Esta classe define a cor do texto cinza claro. |
Vamos entender o trabalho deles através de demonstração prática.
Como funciona a cor do texto em bootstrap?
Para definir a cor do texto do elemento HTML, atribua uma classe a esse elemento específico. Por exemplo, para mudar a cor do “ Linuxhint Linuxhint Linuxhint Linuxhint Linuxhint Linuxhint Linuxhint Linuxhint Elemento de estilo “P” Saída Como ajustar a cor de fundo do texto? Se você quiser tornar a cor da fonte proeminente, também pode alterar a cor de fundo dos elementos. Isso pode ser feito usando o “bg-*”Aulas, onde o asterisco“*”Simboliza as cores, como“BG-Dark","BG-caules", e mais. Confira o exemplo a seguir que usa as classes de bootstrap para alterar as cores de fundo e texto do elemento: Linuxhint Linuxhint Linuxhint Linuxhint Conclusão A cor do texto funciona no bootstrap usando várias classes. Essas classes incluem “Primary de texto","Text-Info","luz de texto","escuro em texto","Danger de texto", e mais. Essas classes podem ser usadas de acordo com os cenários, como o “Texto-sucesso”A classe é utilizada para mostrar algumas mensagens de sucesso. Este artigo demonstrou como a cor do texto funciona no bootstrap com exemplos.
Além das classes de bootstrap, você também pode adicionar CSS aos elementos HTML. Vamos mudar o tamanho e o estilo da fonte do texto usando CSS.P
Fonte-família: Fantasia;
Size da fonte: 25px;
espaçamento de cartas: .2em;
A seguir estão as propriedades do CSS que são aplicadas ao “
Saída
É assim que você pode usar as classes de cores de texto de bootstrap para alterar a cor do texto do elemento.