Grid

The carousel will display your view content in a responsive, mobile first fluid grid system that appropriately scales up to 12 columns as the device or viewport size increases. It includes predefined classes for easy layout options as documented.

1. Create a view of the content you wish to display
2. For your format, select 'Bootstrap Grid'
3. Now select 'settings' and you can then choose the number of columns.

You have the option to set the base number of columns that will be set per row and the number of columns per Bootstrap break point size (xs, sm, md, lg). Because Bootstrap is a 12 column grid system, all of the break point column settings divide evenly into 12.