Comment ajouter un bouton de fermeture dans bootstrap

Comment ajouter le bouton de fermeture bootstrap : ouvrez d'abord le fichier de code correspondant ; puis ajoutez la classe de fermeture à l'élément ou la boîte disparaît.

L'environnement d'exploitation de ce tutoriel : système Windows 7, version bootstrap3, ordinateur Dell G3.

Recommandations de didacticiel associées : "tutoriel bootstrap"

Le bouton Fermer

est Si vous ajoutez la classe .close à l'élément ou , une icône symbolisant la fermeture lui sera attribuée. Cliquez sur l'icône pour faire disparaître la boîte modale et la boîte d'avertissement. Par exemple :

<button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<a class="close"><span aria-hidden="true">&times;</span></a>

L'effet est illustré dans la figure 2-82 :

Introduction connexe :

Bootstrap est un front- end framework. Il s'agit d'un framework développé sur la base de HTML, JavaScript et CSS. Il est principalement utilisé pour la structure et la mise en page de sites Web réactifs. L'émergence de Bootstrap vise principalement à simplifier le travail des travailleurs Web, ce qui inclut également des ajustements dynamiques. JavaScript.

L'utilisation du framework bootstrap peut créer un site Web réactif. Bootstrap peut être utilisé sur des appareils avec différentes résolutions tels que les PC et les téléphones mobiles. Nous n'avons pas à nous soucier de l'effet d'affichage en fonction de l'appareil. Actuellement, tous les navigateurs prennent en charge Bootstrap. Ainsi, lorsque nous créons un site Web, nous ne devons pas prendre en compte les problèmes de compatibilité des navigateurs.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!