Grid
Last updated on
16 May 2024
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.
- Create a view of the content you wish to display
- For your format, select 'Bootstrap Grid'
- 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, xl, xxl).
Core Grid Option
Since Drupal 10, the core views option has had a responsive grid option. For some users, the core option may provide the desired output and works well even with a Bootstrap based theme as it uses standard css options.
Help improve this page
Page status: No known problems
You can:
You can:
- Log in, click Edit, and edit this page
- Log in, click Discuss, update the Page status value, and suggest an improvement
- Log in and create a Documentation issue with your suggestion
Still on Drupal 7? Security support for Drupal 7 ended on 5 January 2025. Please visit our Drupal 7 End of Life resources page to review all of your options.