Le plug-in carrousel bootstrap est un moyen flexible et réactif d'ajouter des curseurs à votre site. En plus de cela, le contenu est suffisamment flexible pour être une image, un cadre intégré, une vidéo ou tout autre type de contenu que vous souhaitez placer.
L'utilisation du plugin carrousel de Bootstrap peut ajouter des curseurs au site, et le contenu peut être des images, des cadres intégrés, des vidéos ou toute autre chose. L'utilisation du plugin Carousel nécessite l'introduction de bootstrap.min.js.
Permettez-moi de vous montrer les rendus en premier. Si vous pensez que c'est assez bon, veuillez vous référer au code d'implémentation.
Les rendus sont les suivants:
Le code clé est le suivant:
<div id = "Carousel-Example-Generic" Data-ride = "Carousel"> <! - Carousel Navigation -> <Ol> <li Data-Target = "# Carousel-Example-Generic" Data-Slide-to = "0"> </li> <li data-target = "# Carousel-Example-Generic" Data-Slide-to = "1"> </ li> Data-Target = "# Carousel-Example-Generic" Data-Slide-to = "2"> </li> </l> <! - Carousel Project -> <div role = "listbox"> <div> <img src = "~ / images / div> </vinghemum.jpg" /> <v> fffffff </v> </ving src = "~ / images / désert.jpg" /> <div> xxxxxxxxxxxxxxxxxx </ div> </ div> <div> <img src = "~ / images / lighthouse.jpg" /> <div> mmmmmmmmmmmmm </ div> </ div> <! ― Caropus navigation -> <a href = "# carousel-example-generic" role = "bouton" data-slide = "prev"> <span> </span> <span> précédemment </span> </a> <a href = "# carousel-example-generic" role = "bouton" data-slide = "suivant"> <pan> </span> <pander> suivante </pan> </a>
Ce qui précède est la description complète du dixième chapitre du plug-in carrousel bootstrap qui vous a été présenté. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!