Maison > interface Web > Tutoriel d'amorçage > Comment ajouter un bouton de fermeture dans bootstrap

Comment ajouter un bouton de fermeture dans bootstrap

藏色散人
Libérer: 2023-01-13 00:22:16
original
3382 Les gens l'ont consulté

Comment ajouter le bouton de fermeture bootstrap : ouvrez d'abord le fichier de code correspondant ; puis ajoutez la classe de fermeture à l'élément

Comment ajouter un bouton de fermeture dans bootstrap

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

1

2

<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>

Copier après la connexion

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

Comment ajouter un bouton de fermeture dans bootstrap

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal