Bootstrap CSS Class Text-sucesso

Aqui está o código HTML:

Bom trabalho!

Pode -se observar que a cor verde foi aplicada com sucesso ao elemento de parágrafo:

Agora, vamos adicionar alguns CSs para estilizar o "" tendo um "ret" aula.

Classe de estilo "Rect"

.ret
Background-Color: RGB (197, 232, 195);
Largura: 200px;
Altura: 60px;
Radio de fronteira: 15px;
fronteira: 1px RGB sólido (191, 226, 166);
Shadow de caixa: 1px 1px 1px 1px cinza;

As seguintes propriedades discutidas são aplicadas à classe “ret”:

• ““cor de fundo”Altera a cor de fundo do elemento.
• ““largura" e "altura”São utilizados para definir a área do elemento.
• ““Radio de fronteira”Propriedade dá às bordas do elemento uma aparência arredondada.
• ““fronteira”Adiciona a borda em torno de todas as bordas do elemento.
• ““Sombra da caixa”Adiciona um efeito de sombra ao elemento.

Elemento de estilo “P”

O elemento do parágrafo é estilizado da seguinte maneira:

.Rect p
Size da fonte: 25px;
espaçamento de cartas: .2em;

Aqui:

• ““tamanho da fonte”Ajusta o tamanho da fonte.
• ““espaçamento de cartas”É utilizado para adicionar espaços entre as letras.

Saída

É assim que você pode usar o bootstrap “Texto-sucesso”Classe em seu site ou aplicativo da web.

Conclusão

Para representar a mensagem de sucesso em nosso aplicativo, o bootstrap “Texto-sucesso”A classe é utilizada. Esta classe fornece ao texto o “#28A745“Cor verde brilhante). Para utilizá -lo, adicione o “Texto-sucesso”Classe para o elemento HTML ao qual você deseja adicionar a cor verde. Esta redação explicou a classe "text-sucesso" do bootstrap com a ajuda de exemplos.