Un modal est une fenêtre distincte de la fenêtre principale d’une page Web. L’objectif principal est de désactiver la fenêtre principale de l’interaction de l’utilisateur et de partager des informations ou de confirmer quelque chose avec l’utilisateur. Les fenêtres modales sont couramment utilisées comme composants de connexion, confirmation d’entrée utilisateur ou une multitude d’autres utilisations.
Bootstrap est un framework qui peut nous aider à créer des composants très rapidement. Dans cet article, nous examinons comment configurer Bootstrap, apprenons pourquoi nous pourrions avoir besoin d’un modal et examinons quelques exemples de modaux en action à l’aide du framework Bootstrap.
Pour commencer
Pour vous assurer que vous pouvez voir un modal sur notre page Web, assurez-vous d’avoir les bonnes dépendances. Pour ce projet, nous avons besoin de Bootstrap, Popper.JS et jQuery. Accédez à la page Démarrage rapide de Bootstrap pour obtenir de l’aide pour obtenir toutes vos addictions.
C’est à vous de décider comment connecter les packages dont nous avons besoin, mais le moyen le plus simple et le plus convivial pour les débutants consiste à utiliser le réseau de diffusion de contenu - le CDN - pour jQuery, Popper.js et Bootstrap. Faites attention à l’ordre de votre