Advertising sustains the DA. Ads are hidden for members. Join today

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.

  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, 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: