Bootstrap Text Aviso de cor com exemplos de código
Ao desenvolver qualquer aplicativo, os desenvolvedores preferem usar cores atraentes para obter a atenção do usuário. Também ajuda a definir o tema de uma página da web adequadamente. Por exemplo, para mostrar uma resposta positiva ou bem -sucedida, a cor verde é usada, a cor azul indica algumas informações, a cor vermelha indica algumas mensagens negativas ou de falha e a cor amarela é utilizada para representar alguns avisos ou precauções.
Este artigo irá guiar sobre:
- O que é a cor de aviso de texto de bootstrap?
- Como usar o Bootstrap Text Warning Color?
O que é a cor de aviso de texto de bootstrap?
O bootstrap “envergonhamento de texto”A classe aplica a“#ffc107”Cor para o texto, que é uma cor amarela. Esta classe é geralmente usada para especificar uma mensagem que mostra alguns avisos.
Como usar o Bootstrap Text Warning Color?
Agora, demonstraremos o uso do “envergonhamento de texto”Classe com a ajuda dos seguintes exemplos:
- Exemplo 1: Crie um botão de aviso com a cor de aviso de texto de bootstrap
- Exemplo 2: Exiba uma mensagem de aviso com cor de aviso de texto de bootstrap
Exemplo 1: Crie um botão de aviso com a cor de aviso de texto de bootstrap
Abra seu arquivo HTML e siga as instruções fornecidas:
- Crie um cartão usando o bootstrap “cartão" aula.
- Em seguida, adicione um cabeçalho de cartão usando o “Cardeiro" aula.
- Em seguida, ajuste o corpo do cartão especificando o “Cartão-corpo" aula.
- Dentro da classe "" Corpo de cartão ", inclua o"”Elemento para exibir algum texto.
- Por fim, crie dois botões usando a classe “btn" aula.
- Por fim, o “envergonhamento de texto”A classe é usada para exibir o texto na cor amarela.
Aqui está o código HTML:
Gerenciamento de membros
Tem certeza que deseja remover @f233 membro?
Pode -se observar que a cor de aviso de texto de bootstrap foi aplicada com sucesso à legenda do botão:
Exemplo 2: Exiba uma mensagem de aviso com cor de aviso de texto de bootstrap
Este exemplo usa o “envergonhamento de texto”Classe para mostrar uma mensagem de aviso:
Aviso!
Havia um problema de conexão de rede!
Aqui:
- ““W-50”A classe ajusta a largura do cartão.
- ““M-AUTO”Determina uma margem igual ao redor do elemento.
Saída
Você aprendeu com sucesso a cor do bootstrap de textos com exemplos de código.
Conclusão
No design da web, a cor amarela é usada principalmente para exibir mensagens de cautela. Mais especificamente, o “envergonhamento de texto”A classe é utilizada para definir a cor do texto amarelo. No bootstrap.Arquivo CSS, ele é definido com a propriedade de cor com valor “#ffc107" (cor amarela. Esta posta.