Responsive raster in views

Moeilijkheidsgraad

In een view kan je kiezen voor de raster (grid) layout. Je kiest dan het aantal kolommen. Het probleem is dat dit aantal kolommen blijft bestaan, ook bij tablets en smartphones.

Je zet eerst de view op Raster, natuurlijk.

Screen001345.png

Daarna zet je de volgende instellingen. Merk op dat fx col-md-4 col-xs-12 zorgt voor het responsive effect. Bij XS toestellen, worden alle 12 bootstrap kolommen gebruikt. Bij andere toestellen 4 bootstrap kolommen. Dit komt overeen met 3 kolommen in je view. (12/4 = 3)


Screen001349.png

 

Als je 4 kolommen wilt, wordt dit de instelling: (let op de andere kolomklasse)


Screen001350.png