Bootstrap CSS Classe-Succès

Voici le code HTML:

Bien joué!

On peut observer que la couleur verte a été appliquée avec succès à l'élément de paragraphe:

Maintenant, ajoutons des CSS pour styliser le «» ayant un «redonner" classe.

Classe de style «rect»

.rect
Color en arrière-plan: RVB (197, 232, 195);
Largeur: 200px;
hauteur: 60px;
Border-Radius: 15px;
Border: 1px RVB solide (191, 226, 166);
Box-shadow: 1px 1px 1px 1px gris;

Les propriétés discutées suivantes sont appliquées à la classe «redonner»:

• "Couleur de l'arrière plan"Modifie la couleur d'arrière-plan de l'élément.
• "largeur" et "hauteur«Sont utilisés pour définir la zone de l'élément.
• "rayon frontalier”La propriété donne aux bords de l'élément une apparence arrondie.
• "frontière"Ajoute la bordure autour de tous les bords de l'élément.
• "boîte ombre»Ajoute un effet d'ombre à l'élément.

Élément de style «P»

L'élément de paragraphe est conçu comme suit:

.rect p
taille de police: 25px;
l'espacement des lettres: .2EM;

Ici:

• "taille de police»Ajuste la taille de la police.
• "l'espacement des lettres"Est utilisé pour ajouter des espaces entre les lettres.

Sortir

C'est ainsi que vous pouvez utiliser le bootstrap "succès texte"Classe dans votre site Web ou votre application Web.

Conclusion

Pour représenter le message de réussite dans notre application, le bootstrap «succès texte"La classe est utilisée. Cette classe fournit le texte avec le «# 28A745»(Vert vif) couleur. Pour l'utiliser, ajoutez le «succès texte”Classe à l'élément HTML à laquelle vous souhaitez ajouter la couleur verte. Cet article a expliqué la classe Bootstrap «Text-Success» à l'aide d'exemples.