Maison  >  Article  >  interface Web  >  Comment arrêter le carrousel automatique dans le carrousel bootstrap

Comment arrêter le carrousel automatique dans le carrousel bootstrap

(*-*)浩
(*-*)浩original
2019-07-17 10:36:075964parcourir

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>

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"

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!

Déclaration:
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