Bootstrap 5

Bootstrap Tutorials

Bootstrap 5 Carousel

Bootstrap 5 Carousel

 

 

Bootstrap 5 Carousel is a slideshow component for cycling through elements—images or slides of text.

 

Bootstrap 5 Carousel classes are:-

 

  • .carousel => Creates a carousel
  • .carousel-indicators => Adds indicators for the carousel. These are the little dots at the bottom of each slide (which indicates how many slides there are in the carousel, and which slide the user is currently viewing)
  • .carousel-inner => Adds slides to the carousel
  • .carousel-item => Specifies the content of each slide
  • .carousel-control-prev => Adds a left (previous) button to the carousel, which allows the user to go back between the slides
  • .carousel-control-next => Adds a right (next) button to the carousel, which allows the user to go forward between the slides
  • .carousel-control-prev-icon => Used together with .carousel-control-prev to create a "previous" button
  • .carousel-control-next-icon => Used together with .carousel-control-next to create a "next" button
  • .slide => Adds a CSS transition and animation effect when sliding from one item to the next. Remove this class if you do not want this effect

Code Explanation

All Tutorials related to Bootstrap Tutorials

All Sections related to Bootstrap 5