Bootstrap Text Warning Couleur avec des exemples de code
Tout en développant n'importe quelle application, les développeurs préfèrent utiliser des couleurs attrayantes pour attirer l'attention de l'utilisateur. Il aide également à définir le thème d'une page Web de manière appropriée. Par exemple, pour montrer une réponse positive ou réussie, la couleur verte est utilisée, la couleur bleue indique certaines informations, la couleur rouge indique certains messages négatifs ou de défaillance et la couleur jaune est utilisée pour représenter certains avertissements ou précautions.
Cet article guidera sur:
- Qu'est-ce que la couleur d'avertissement du texte bootstrap?
- Comment utiliser la couleur d'avertissement du texte bootstrap?
Qu'est-ce que la couleur d'avertissement du texte bootstrap?
Le bootstrap "avance de texte"La classe applique le"# FFC107”Couleur au texte, qui est une couleur jaune. Cette classe est généralement utilisée pour spécifier un message qui montre certains avertissements.
Comment utiliser la couleur d'avertissement du texte bootstrap?
Maintenant, nous allons démontrer l'utilisation du «avance de texte«Classe à l'aide des exemples suivants:
- Exemple 1: Créez un bouton d'avertissement avec la couleur d'avertissement du texte bootstrap
- Exemple 2: Afficher un message d'avertissement avec la couleur d'avertissement du texte bootstrap
Exemple 1: Créez un bouton d'avertissement avec la couleur d'avertissement du texte bootstrap
Ouvrez votre fichier HTML et suivez les instructions données:
- Créez une carte en utilisant le bootstrap "carte" classe.
- Ensuite, ajoutez un en-tête de carte en utilisant le "cadré" classe.
- Ensuite, ajustez le corps de la carte en spécifiant le «carte-corps" classe.
- À l'intérieur de la classe «» «Card-corps», incluez le «»Élément pour afficher du texte.
- Enfin, créez deux boutons en utilisant la classe "btn" classe.
- Enfin, le «avance de texte»La classe est utilisée pour afficher le texte en couleur jaune.
Voici le code HTML:
Gestion des membres
Êtes-vous sûr de vouloir supprimer le membre @ f233?
On peut observer que la couleur d'avertissement du texte bootstrap a été appliquée avec succès à la légende du bouton:
Exemple 2: Afficher un message d'avertissement avec la couleur d'avertissement du texte bootstrap
Cet exemple utilise le «avance de texte«Classe pour montrer un message d'avertissement:
Avertissement!
Il y avait un problème de connexion réseau!
Ici:
- "W-50"La classe ajuste la largeur de la carte.
- "M-Auto»Détermine une marge égale autour de l'élément.
Sortir
Vous avez réussi à apprendre la couleur d'allectricité de texte bootstrap avec des exemples de code.
Conclusion
Dans la conception Web, la couleur jaune est principalement utilisée pour afficher les messages de prudence. Plus précisément, le «avance de texte"La classe est utilisée pour définir la couleur du texte jaune. Dans le bootstrap.Fichier CSS, il est défini avec la propriété de couleur ayant de la valeur "# FFC107" (couleur jaune. Cet article a expliqué la couleur de la "barrière de texte" avec des exemples de code.