Responsive grid in views

Rating

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.

Screen001345.png

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)


Screen001349.png

 

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


Screen001350.png