Easily build responsive grids in Drupal 8 Views

Submitted by admin on Wed, 02/14/2018 - 18:01
Easily build responsive grids in Drupal 8 Views

Before Drupal 8, it was rather difficult to easily build a responsive grid in Views.  This was largely due to the fact that Drupal 7 Views did not use DIV.  The consequence was that in order to build a responsive grid with Views, it was necessary to employ the use of contrib modules such as Bootstrap Views.

Fortunately, Views grids in Drupal 8 core have been replaced with DIV so you can just create responsive grid without the need for any contrib module.


  1. Create a new View and chose Grid as the formatter.
  2. Go to the grid View
  3. Click on format - settings
  4. Set "Number of columns" to 3
  5. Uncheck automatic width
  6. Set "Custom column class" to fx col-md-4 col-xs-12
  7. Set "Custom row class" to row
  8. Uncheck: "Default column class" and "Default row class"