Full width

Use the markup below to create a full width responsive carousel. The images widths dictate the width of the carousel items.

Example title This is the title description

Example title This is the title description

Example title This is the title description

Example title This is the title description

Example title This is the title description

Example title This is the title description

Example title This is the title description

Spacing

This carousel example has the items spaced using the CSS helper classes.

Example title 12 feb 2014

Lorem ipsum dolor sic amet dixit tu

Example title 12 feb 2014

Lorem ipsum dolor sic amet dixit tu

Example title 12 feb 2014

Lorem ipsum dolor sic amet dixit tu

Example title 12 feb 2014

Lorem ipsum dolor sic amet dixit tu

Example title 12 feb 2014

Lorem ipsum dolor sic amet dixit tu

Example title 12 feb 2014

Lorem ipsum dolor sic amet dixit tu

Backgrounds

Use the markup below to create a carousel with a background image.

Example title 12 feb 2014

Lorem ipsum dolor sic amet dixit tu

Example title 12 feb 2014

Lorem ipsum dolor sic amet dixit tu

Example title 12 feb 2014

Lorem ipsum dolor sic amet dixit tu

Example title 12 feb 2014

Lorem ipsum dolor sic amet dixit tu

Example title 12 feb 2014

Lorem ipsum dolor sic amet dixit tu

Example title 12 feb 2014

Lorem ipsum dolor sic amet dixit tu

Arrow colors

Add the .inverse CSS class to the .carousel-container element to make the next/previous arrow dark.