Cet article partage soigneusement un exemple simple du plug-in carrousel bootstrap pour votre référence. Le contenu spécifique est le suivant
Le plug-in de carrousel à l'aide de bootstrap peut ajouter des curseurs sur le site, et le contenu peut être des images, des cadres intégrés, des vidéos ou autre chose. L'utilisation du plug-in carrousel nécessite une introduction
Image de reproduction:
bootstrap.min.js.
<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 = "# Carousesel-Example-Generic" Data-Slide-to = "1"> </ li> Data-Target = "# Carousel-Example-Generic" Data-Slide-to = "2"> </li> </l> <! - Carousel -> <div role = "listbox"> <div> <img src = "~ / images / div> </v> <v> <v> <img src = "~ / images / désert.jpg" /> <div> xxxxxxxxxxxxxxxxxx </ div> </ div> <div> <img src = "~ / images / lighthouse.jpg" /> <div> mmmmmmmmmmmmm </v> </v> </v> <! - 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>
L'éditeur vous recommande un autre article: Analyse complète de l'effet du carrousel des images de bootstrap
Si vous souhaitez toujours étudier en profondeur, vous pouvez cliquer ici pour apprendre et vous attacher un sujet merveilleux: Tutoriel d'apprentissage bootstrap
Ce qui précède est tout le contenu de cet article. J'espère que cela sera utile à l'apprentissage de tous et j'espère que tout le monde soutiendra davantage Wulin.com.