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.

Auto Play Variant

Use the.owl-carousethrough slides.

Drawing-room
Drawing-room
Drawing-room
Drawing-room
Drawing-room
Drawing-room
Drawing-room
Drawing-room
Drawing-room
Drawing-room
Drawing-room

Mouse Wheel Variant

Use the.owl-carousethrough slides.

Drawing-room
Drawing-room
Drawing-room
Drawing-room
Drawing-room
Drawing-room
Drawing-room
Drawing-room
Drawing-room
Drawing-room
Drawing-room

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.