Previous / Next controls
Carousel with Previous / Next controls to advance between items.
Bulleted controls
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.
HUD-style 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.

2007 Eurovision UK Entry Scooch

2007 Eurovision Contest Winners

2007 Eurovision UK Entry Scooch
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.

2007 Eurovision UK Entry Scooch

2007 Eurovision Contest Winners

2007 Eurovision UK Entry Scooch
Scaled Transitions
Display the current item larger than the rest, and animate the transition between each with the .m-scaled
class.

2007 Eurovision UK Entry Scooch

2007 Eurovision Contest Winners

2007 Eurovision UK Entry Scooch
Arbitrary Content
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.