SPEC FRONTEND
SPEC FRONTEND

Carousels

  1. Home
  2. Shortcodes
  3. Carousels

Bootstrap Carousel Without Controls

This is bootstrap default carousel you can know more about it by visiting this URL https://getbootstrap.com/docs/4.0/components/carousel/#slides-only

First slide
Second slide
Third slide

Bootstrap Carousel With Controls

This is bootstrap default carousel you can know more about it by visiting this URL https://getbootstrap.com/docs/4.0/components/carousel/#with-controls

Bootstrap Carousel With Controls & Indicator

This is bootstrap default carousel you can know more about it by visiting this URL https://getbootstrap.com/docs/4.0/components/carousel/#with-indicators

Bootstrap Carousel With Captions

This is bootstrap default carousel you can know more about it by visiting this URL https://getbootstrap.com/docs/4.0/components/carousel/#with-captions

Standard Carousel

use .spec-carousel-img .owl-carousel as main class you can wrap this class in .col-md-12 for adaptable width changes then simply add images using img tag.

Fade Carousel

use .spec-carousel-img .owl-carousel data-carousel-options="{"transitionStyle": "fade"}" as main class you can wrap this class in .col-md-12 for adaptable width changes then simply add images using img tag.

Backslide Carousel

use .spec-carousel-img .owl-carousel data-carousel-options="{"transitionStyle": "backSlide"}" as main class you can wrap this class in .col-md-12 for adaptable width changes then simply add images using img tag.

GoDown Carousel

use .spec-carousel-img .owl-carousel data-carousel-options="{"transitionStyle": "goDown"}" as main class you can wrap this class in .col-md-12 for adaptable width changes then simply add images using img tag.

Fade Carousel

use .spec-carousel-img .owl-carousel data-carousel-options="{"transitionStyle": "fadeUp"}" as main class you can wrap this class in .col-md-12 for adaptable width changes then simply add images using img tag.