Maison > interface Web > Tutoriel d'amorçage > Comment arrêter le carrousel automatique dans le carrousel bootstrap

Comment arrêter le carrousel automatique dans le carrousel bootstrap

(*-*)浩
Libérer: 2019-07-17 10:36:07
original
6009 Les gens l'ont consulté

Comment arrêter le carrousel automatique dans le carrousel bootstrap

Bootstrap dispose d'un carrousel d'images de page Web intégré avec des fonctions complètes et un type de carrousel très standard.

Créer un conteneur principal de carrousel

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">  </div>
Copier après la connexion

est très rapide et pratique.

Mais lors de l'utilisation de plusieurs composants de carrousel bootstrap sur une page, si toutes les images du carrousel pivotent automatiquement, tout l'écran bougera, ce qui donnera à l'utilisateur une très mauvaise expérience.

Vous devez donc désactiver le carrousel automatique du carrousel.

Méthode de fermeture : supprimez simplement les attributs suivants :

data-ride="carousel"
Copier après la connexion

Pour plus d'articles techniques liés à Bootstrap, veuillez visiter la colonne Tutoriel Bootstrap . étude!

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