Maison > Article > interface Web > Que sont les plug-ins d'amorçage ?
Que sont les plug-ins d'amorçage ?
- (*-*)浩original
- 2019-07-18 10:13:075346parcourir
Bootstrap est livré avec 12 plug-ins jQuery, qui ont des fonctions étendues 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. (Apprentissage recommandé : Tutoriel vidéo Bootstrap)
Le plug-in de transition fournit des effets de transition simples.
Transition.js est la classe d'assistance de base pour l'événement transitionEnd et le simulateur d'effet de transition CSS. Il est utilisé par d'autres plugins pour vérifier la prise en charge des transitions CSS et pour obtenir des effets de transition.
Plug-in Modal
Modal est un sous-formulaire qui couvre le formulaire parent. En règle générale, le but est d'afficher du contenu provenant d'une source distincte pouvant avoir une certaine interaction sans quitter le formulaire parent. Les sous-formulaires fournissent des informations, des interactions et bien plus encore.
Plug-in Dropdown
À l'aide du plug-in Dropdown, vous pouvez ajouter du contenu à n'importe quel composant (tel qu'une barre de navigation, une page à onglet, un menu de navigation de capsule, un bouton , etc.) pour ajouter un menu déroulant.
Plug-in Scrollspy
Le plug-in Scrollspy, qui est un plug-in de navigation à mise à jour automatique, mettra automatiquement à jour la cible de navigation correspondante en fonction de la position du barre de défilement. L'implémentation de base consiste à ajouter une classe .active à la barre de navigation en fonction de la position de la barre de défilement lorsque vous faites défiler.
Plugin d'onglets
Tab Vous pouvez facilement créer une interface d'onglets en combinant certains attributs de données. Avec ce plugin, vous pouvez placer du contenu dans des onglets, des onglets de capsules ou même des onglets de menu déroulant.
Plugin Tooltip
Tooltip est très utile lorsque vous souhaitez décrire un lien. Le plugin Tooltip a été inspiré par jQuery.tipsy écrit par Jason Frame. Le plug-in Tooltip a apporté de nombreuses améliorations. Par exemple, il n'a pas besoin de s'appuyer sur des images, mais utilise plutôt CSS pour obtenir des effets d'animation et utilise l'attribut data pour stocker les informations de titre.
Plug-in Popover
Popover est similaire à Tooltip, offrant une vue étendue. Pour activer le popover, les utilisateurs survolent simplement l'élément. Le contenu de la boîte contextuelle peut être entièrement rempli à l'aide de l'API Bootstrap Data. Cette méthode s'appuie sur des info-bulles.
Plug-in d'alerte
Les messages d'alerte sont principalement utilisés pour afficher des informations telles que des avertissements ou des messages de confirmation aux utilisateurs finaux. À l'aide du plugin Alert, vous pouvez ajouter une fonctionnalité de licenciement à tous les messages d'alerte.
Plug-in Button
Button a été introduit dans le chapitre Bootstrap Button. Avec le plug-in Button, vous pouvez ajouter certaines interactions, telles que le contrôle de l'état des boutons, ou créer des groupes de boutons pour d'autres composants (tels que les barres d'outils).
Plugin Collapse
Le plugin Collapse facilite la réduction des zones de page. Que vous l'utilisiez pour créer une navigation en accordéon ou des panneaux de contenu, il permet de nombreuses options de contenu.
Plugin Carousel
Le plugin Bootstrap Carousel est un moyen flexible et réactif d'ajouter des curseurs à votre site. Au-delà de cela, le contenu est suffisamment flexible et peut être des images, des iframes, des vidéos ou tout autre type de contenu que vous souhaitez placer.
Plugin de navigation supplémentaire (affixe)
Le plug-in de navigation supplémentaire (affixe) permet de spécifier
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!