Estilização e Formatação de Texto no Bootstrap
Cor do texto
O Bootstrap oferece um conjunto de classes utilitárias para aplicar cores de texto predefinidas aos elementos.
text-primary: Define a cor do texto como primária, geralmente um tom de azul;text-secondary: Define a cor do texto como secundária, frequentemente um tom de cinza;text-success: Define a cor do texto para indicar sucesso, normalmente um tom de verde;text-danger: Define a cor do texto para indicar perigo ou erro, geralmente um tom de vermelho;text-warning: Define a cor do texto para indicar aviso, normalmente um tom de amarelo;text-info: Define a cor do texto para transmitir informação, frequentemente um tom de ciano ou verde-azulado;text-light: Define a cor do texto como um tom mais claro, geralmente cinza claro ou branco;text-dark: Define a cor do texto como um tom mais escuro, normalmente cinza escuro ou preto;text-muted: Define a cor do texto como um tom atenuado ou suave, frequentemente cinza claro, para indicar que o texto é menos importante ou está desabilitado.
Essas classes podem ser aplicadas a elementos como <p>, <span>, <div>, <h>, etc.
index.html
Transformação de texto
Classes como text-uppercase,, text-lowercase, e text-capitalize transformam o texto.
text-uppercase: Converte o texto para letras maiúsculas;text-lowercase: Converte o texto para letras minúsculas;text-capitalize: Coloca a primeira letra de cada palavra em maiúscula.
index.html
Decoração de texto
Classes como text-decoration-underline, text-decoration-line-through e text-decoration-none são utilizadas para decorar o texto.
text-decoration-underline: Adiciona um sublinhado ao texto;text-decoration-line-through: Adiciona um risco sobre o texto;text-decoration-none: Remove todas as decorações do texto.
index.html
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
What are some examples of using these text utility classes in HTML?
Can I combine multiple text utility classes on a single element?
Are these text utility classes responsive or can they be used with breakpoints?
Awesome!
Completion rate improved to 3.23Estilização e Formatação de Texto no Bootstrap
Deslize para mostrar o menu
Cor do texto
O Bootstrap oferece um conjunto de classes utilitárias para aplicar cores de texto predefinidas aos elementos.
text-primary: Define a cor do texto como primária, geralmente um tom de azul;text-secondary: Define a cor do texto como secundária, frequentemente um tom de cinza;text-success: Define a cor do texto para indicar sucesso, normalmente um tom de verde;text-danger: Define a cor do texto para indicar perigo ou erro, geralmente um tom de vermelho;text-warning: Define a cor do texto para indicar aviso, normalmente um tom de amarelo;text-info: Define a cor do texto para transmitir informação, frequentemente um tom de ciano ou verde-azulado;text-light: Define a cor do texto como um tom mais claro, geralmente cinza claro ou branco;text-dark: Define a cor do texto como um tom mais escuro, normalmente cinza escuro ou preto;text-muted: Define a cor do texto como um tom atenuado ou suave, frequentemente cinza claro, para indicar que o texto é menos importante ou está desabilitado.
Essas classes podem ser aplicadas a elementos como <p>, <span>, <div>, <h>, etc.
index.html
Transformação de texto
Classes como text-uppercase,, text-lowercase, e text-capitalize transformam o texto.
text-uppercase: Converte o texto para letras maiúsculas;text-lowercase: Converte o texto para letras minúsculas;text-capitalize: Coloca a primeira letra de cada palavra em maiúscula.
index.html
Decoração de texto
Classes como text-decoration-underline, text-decoration-line-through e text-decoration-none são utilizadas para decorar o texto.
text-decoration-underline: Adiciona um sublinhado ao texto;text-decoration-line-through: Adiciona um risco sobre o texto;text-decoration-none: Remove todas as decorações do texto.
index.html
Obrigado pelo seu feedback!
