Bootstrap Carousel Plugin

Bootstrap Carousel is a slideshow component for cycling through images, text, or custom content. It supports sliding animations, indicators, captions, and controls.

Works in Bootstrap 3, 4, and 5 with slightly different class names and data attributes.

✅ Basic Carousel

Key Points:

• carousel slide → Carousel with sliding animation.

• data-ride="carousel" → Starts the carousel automatically.

• .carousel-inner → Contains .item slides.

• .item.active → Shows the first slide initially.

• .carousel-caption → Optional caption over slides.

• Controls: .left.carousel-control & .right.carousel-control for navigation arrows.

🔹 Carousel with Indicators Only

• Indicators are small dots that allow users to jump to a specific slide.

🔹 Carousel with Captions

• .carousel-caption overlays text on images.

🔹 Carousel with Fade Effect (Bootstrap 4/5)

• .carousel-fade → Smooth fade transition instead of sliding.

✔ Summary of Carousel Features