Maison > interface Web > Tutoriel d'amorçage > Qu'est-ce que le plugin bootstrap

Qu'est-ce que le plugin bootstrap

(*-*)浩
Libérer: 2019-07-11 13:21:00
original
3075 Les gens l'ont consulté

Bootstrap est livré avec 12 plug-ins jQuery, qui étendent les fonctionnalités et peuvent ajouter plus d'interactions au site. Même si vous n'êtes pas un développeur JavaScript avancé, vous pouvez commencer à apprendre le plugin JavaScript de Bootstrap. Grâce à l'API Bootstrap Data, la plupart des plug-ins peuvent être déclenchés sans écrire de code.

Qu'est-ce que le plugin bootstrap

Il existe deux manières pour un site de référencer le plug-in Bootstrap : (apprentissage recommandé : Tutoriel vidéo Bootstrap)

Référence séparée : utilisez des fichiers *.js individuels de Bootstrap. Certains plugins et composants CSS dépendent d’autres plugins. Si vous référencez des plugins individuellement, assurez-vous d'abord de comprendre les dépendances entre ces plugins.

Compilez (et simultanément) la référence : utilisez bootstrap.js ou la version minifiée de bootstrap.min.js.

不要尝试同时引用这两个文件,因为 bootstrap.js 和 bootstrap.min.js 都包含了所有的插件。
Copier après la connexion

Tous les plugins dépendent de jQuery. JQuery doit donc être cité avant le fichier du plugin.

attribut de données

Vous pouvez utiliser tous les plugins Bootstrap simplement via l'API d'attribut de données sans écrire une seule ligne de code JavaScript. Il s'agit d'une API de première classe dans Bootstrap et devrait être votre premier choix.

Là encore, il peut y avoir des situations dans lesquelles cette fonctionnalité doit être désactivée. Par conséquent, nous proposons également un moyen de désactiver l'API d'attribut de données, c'est-à-dire de dissocier l'événement avec l'espace de noms data-api et de le lier au document. Tout comme ce qui suit :

$(document).off('.data-api')
Copier après la connexion

Si vous devez fermer un plug-in spécifique, il vous suffit d'ajouter le nom du plug-in comme espace de noms avant l'espace de noms data-api, comme indiqué ci-dessous :

$(document).off('.alert.data-api')
Copier après la connexion

API programmatique

Nous fournissons une API JavaScript pure pour tous les plugins Bootstrap. Toutes les API publiques prennent en charge les méthodes d'appel individuelles ou en chaîne et renvoient la collection d'éléments sur lesquels elles opèrent (remarque : le formulaire d'appel est cohérent avec jQuery). Par exemple :

$(".btn.danger").button("toggle").addClass("fat")
Copier après la connexion

Pour des articles plus techniques liés à Bootstrap, veuillez visiter la colonne Tutoriel Bootstrap pour apprendre !

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