Que sont les plug-ins d'amorçage ?-Tutoriel d'amorçage-php.cn

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.

Que sont les plug-ins d'amorçage ?

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

à fixer à une certaine position sur la page. Un exemple courant est celui des icônes sociales. Ils commenceront à une certaine position, mais lorsqu'on clique sur une marque sur la page, le

sera verrouillé en position et ne défilera pas avec le reste de la page.

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：

bootstrap

source：php.cn

Article précédent：Comment centrer les images dans bootstrap Article suivant：Bootstrap a-t-il un CDN ?

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

Derniers articles par auteur