Slider
Default swiper slider
Use the.activeclass and images to prevent browser default image alignment.
With Controls
Use the.activeclass and images to prevent browser default image alignment.
With Indicators
Use the.carousel-indicatorsthrough carousel indicates.
With Captions
Add captions to your slides easily with the.carousel-captionelement within any .carousel-item.
Cross-Fade
Add.carousel-fadeto your carousel to animate slides with a fade transition instead of a slide.you may want to add .bg-body or some custom CSS to the .carousel-items for proper cross-fading.
Individual Carousel-Item Interval
Adddata-bs-intervalto a .carousel-item to change the amount of time to delay between automatically cycling to the next item.
Disable Touch Swiping
Use thedata-bs-touchCarousels support swiping left/right on touchscreen devices to move between slides. This can be disabled using the attribute.
Dark Variant
Add.carousel-darkto the .carousel for darker controls, indicators, and captions.















