Extended Features#

These options are for additional features that aren’t part of the standard Bootstrap carousels feature set.

Captions Below#

Display figure captions below the image instead of overlayed on top by using :show_captions_below:. Enable this by default with carousel_show_captions_below.

.. carousel::
    :show_captions_below:
    :show_controls:

    .. figure:: https://i.imgur.com/fmJnevTl.jpg

        Title and Description

        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
        eiusmod tempor incididunt ut labore et dolore magna aliqua.

    .. image:: https://i.imgur.com/fWyn9A2l.jpg

    .. figure:: https://i.imgur.com/fmJnevTl.jpg

        ..

        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
        eiusmod tempor incididunt ut labore et dolore magna aliqua.

Shadows#

Display a shadow around controls and indicators to improve their visibility by using :show_shadows:. Enable this by default with carousel_show_shadows.

.. carousel::
    :show_controls:
    :show_indicators:
    :show_shadows:

    .. image:: https://i.imgur.com/fmJnevTl.jpg
    .. image:: https://i.imgur.com/fWyn9A2l.jpg

With Dark Mode#

Compatible with dark mode.

.. carousel::
    :show_controls:
    :show_indicators:
    :show_dark:
    :show_shadows:

    .. image:: https://i.imgur.com/fmJnevTl.jpg
    .. image:: https://i.imgur.com/fWyn9A2l.jpg

Buttons on Top#

Move controls and indicators to the top of the carousel by using :show_buttons_on_top:. Enable this by default with carousel_show_buttons_on_top.

This is a work around for the annoyance of controls and indicators moving when captions are used or when images with different aspect ratios are used in one carousel.

.. carousel::
    :show_controls:
    :show_indicators:
    :show_buttons_on_top:

    .. image:: https://i.imgur.com/fmJnevTl.jpg
    .. image:: https://i.imgur.com/fWyn9A2l.jpg

previous

Native Features