Previous / Next controls
Carousel with Previous / Next controls to advance between items.
Bulleted indicators for number of items and currently-selected item. Click to advance between items.
Numbered pagination-style controls
Numbered pagination controls for each item, with flanking Previous / Next controls.
Previous and Next render as heads-up controls that display on hover events. Since hover events don't work on mobile, simply swipe to advance.
Image + Caption
Image carousel containing textual captions with simple Previous / Next controls to advance between items.
Fixed Width Items
Items can be stretched to fit the viewport, or they can be sized individually like in this example.
In this example, we've used the included
.m-card-light class to give the element a background and border.
You will have to to size the element or it's content yourself.
Display the current item larger than the rest, and animate the transition between each with the
Arbitrary content carousel with simple Previous / Next controls to advance between items.
We used the included class
.m-card-dark to give each element a background.
These elements are automatically sized by the
.m-fluid class to be full width.