Bootstrap supprimer la confirmation modale
Bootstrap est un cadre frontal bien apprécié qui simplifie la conception et le développement d'applications Web. Plus précisément, le modal de confirmation de suppression est une fonctionnalité utile fournie par bootstrap. Il peut être utilisé pour inciter l'utilisateur à confirmer avant de supprimer réellement quelque chose. C'est un bon moyen d'éviter les suppressions accidentelles et de sensibiliser l'utilisateur aux conséquences de ses actions.
Cet article décrira comment créer un modal de confirmation de suppression dans bootstrap.
Comment créer un modal de confirmation de suppression de suppression bootstrap?
Pour créer un modal de confirmation de suppression dans bootstrap, essayez les instructions données:
- Tout d'abord, créez un bouton qui déclenchera la fenêtre modale. Le "cible de données"L'attribut se voit attribuer la valeur"#deletemodal”Qui pointe vers l'ID du modal.
- Ensuite, créez un modal en utilisant le «modal" et "disparaître" Des classes.
- Le "dialogue modal"La classe crée la boîte de dialogue.
- Ensuite, ajoutez le "contenu modal”Classe pour spécifier le contenu de la fenêtre modale. Au sein de cette classe, y compris la classe "tête-à-tête".
- Le "tête-à-tête»Crée l'en-tête de la fenêtre modale. Il contient le titre et le bouton de fermeture.
- Ensuite, créez la section Body en spécifiant la classe comme «corps modal". Il comprend la note qui apparaîtra dans la boîte de dialogue.
- Enfin, créez le pied de page modal en ajoutant le «footteur modal" classe. Ce pied de page contient également deux boutons.
Voici le code HTML du scénario discuté:
Titre modal
Etes-vous sûr que vous voulez supprimer?
On peut observer que nous avons créé avec succès un modal de confirmation de suppression de bootstrap:
C'est ainsi que vous pouvez créer un modal de confirmation de suppression à l'aide de bootstrap.
Conclusion
Pour créer un modal de confirmation de suppression, créez d'abord un bouton à l'aide des classes "btn", et "danger btn"Classes qui déclenchent la fenêtre modale et ajoutent l'attribut"cible de données”Avec la valeur« ID »du modal. Ensuite, créez la fenêtre modale à l'aide du «modal«Classe et ID. Ensuite, spécifiez le contenu du modal à l'aide du «contenu modal","tête-à-tête","corps modal", et "footteur modal" Des classes. Cet article a démontré comment créer un modal de confirmation de suppression dans bootstrap.