Ce projet contient une page HTML qui utilise Bootstrap pour afficher différents exemples d'utilisation de ses composants tels que les boutons, les alertes, les cards et les formulaires. Chaque exemple est différencié avec des couleurs pour une meilleure visualisation.
- Clonez ce dépôt sur votre machine locale en utilisant la commande suivante :
git clone <lien du dépôt>
- Ouvrez le fichier
index.html
dans votre navigateur pour voir les exemples d'utilisation de Bootstrap.
Les boutons sont stylisés avec différentes classes de couleur de Bootstrap. Vous trouverez des boutons avec les couleurs suivantes :
- Primaire (bleu)
- Secondaire (gris)
- Succès (vert)
- Danger (rouge)
- Avertissement (jaune)
- Info (bleu clair)
- Clair (blanc)
- Sombre (noir)
Les alertes sont utilisées pour afficher des messages d'informations, de succès, de danger, etc. Les exemples d'alertes sont affichés avec les couleurs suivantes :
- Primaire (bleu)
- Secondaire (gris)
- Succès (vert)
- Danger (rouge)
- Avertissement (jaune)
- Info (bleu clair)
- Clair (blanc)
- Sombre (noir)
Les cards sont des composants de type carte qui peuvent être utilisés pour afficher des informations sous forme de panneaux. Les exemples de cards sont affichés avec différentes classes de couleur :
- Primaire (bleu)
- Succès (vert)
- Avertissement (jaune)
Les formulaires sont stylisés pour s'adapter à l'esthétique de Bootstrap. Vous trouverez des exemples de formulaires avec des champs pour l'adresse e-mail, la sélection, le textarea et le choix de fichier.
- HTML5
- Bootstrap 4.5.2
N'hésitez pas à explorer le code pour voir comment les différents composants de Bootstrap sont utilisés pour créer une mise en page agréable et réactive.
Note: Assurez-vous d'avoir une connexion Internet active pour accéder aux fichiers CSS et JavaScript de Bootstrap à partir des CDN (Content Delivery Network).