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
Bootstrap 5 Introduction
Bootstrap 5 CDN
Bootstrap 5 Colors
Bootstrap 5 Containers
Bootstrap 5 Typography
Bootstrap 5 Tables
Bootstrap 5 Figures
Bootstrap 5 Images
Bootstrap 5 Accordion
Bootstrap 5 Alerts
Bootstrap 5 Badges
Bootstrap 5 Breadcrumb
Bootstrap 5 Buttons
Bootstrap 5 Button Groups
Bootstrap 5 Cards
Bootstrap 5 Carousel
Bootstrap 5 Collapse
Bootstrap 5 Dropdown
Bootstrap 5 List Group
Bootstrap 5 Modal
Bootstrap 5 Navs
Bootstrap 5 Tabs
Bootstrap 5 Navbar
Bootstrap 5 Offcanvas
Bootstrap 5 Pagination
Bootstrap 5 Popovers
Bootstrap 5 Progress Bar
Bootstrap 5 Scrollspy
Bootstrap 5 Spinners
Bootstrap 5 Toasts
Bootstrap 5 Tooltip
Bootstrap 5 Text Truncation
Bootstrap 5 Links
Bootstrap 5 Background
Bootstrap 5 Shadows
Bootstrap 5 Text Align
Bootstrap 5 Overflow
Bootstrap 5 Form Control
Bootstrap 5 Select
Bootstrap 5 Checkbox & Radio
Bootstrap 5 Range
Bootstrap 5 Input Group
Bootstrap 5 Floating Labels