--- title: Carousel page-header: Carousel menu: base.carousel ---
{% include "cards/carousel.html" id="carousel-default" %}
{% include "cards/carousel.html" id="carousel-indicators" title="Carousel with indicators" indicators=true offset=5 %}
{% include "cards/carousel.html" id="carousel-controls" title="Carousel with controls" controls=true offset=10 %}
{% include "cards/carousel.html" id="carousel-captions" title="Carousel with captions" captions=true controls=true offset=15 %}
{% include "cards/carousel.html" id="carousel-indicators-dot" title="Carousel with dot indicators" indicators=true indicators-dot=true offset=20 fade=true %}
{% include "cards/carousel.html" id="carousel-indicators-thumb" title="Carousel with thumbnail indicators" indicators=true indicators-thumb=true indicators-thumb-ratio=true offset=25 fade=true %}
{% include "cards/carousel.html" id="carousel-indicators-dot-vertical" title="Carousel with vertical dot indicators" indicators=true indicators-vertical=true indicators-dot=true offset=30 fade=true %}
{% include "cards/carousel.html" id="carousel-indicators-thumb-vertical" title="Carousel with thumbnail indicators" indicators=true indicators-vertical=true indicators-thumb=true indicators-thumb-ratio=true offset=22 fade=true %}