Responsive grid in views


In a view you can choose the grid layout. You then choose the number of columns. The problem is that this number of columns continues to exist, even with tablets and smartphones.

You first set the view to Raster, of course.


Then you set the following settings. Note that fx col-md-4 col-xs-12 provides the responsive effect. With XS devices, all 12 bootstrap columns are used. With other devices, 4 bootstrap columns. This corresponds to 3 columns in your view. (12/4 = 3)



If you want 4 columns, this will be the setting: (note the other column class)