I'm trying to create a responsive views grid. I installed the the Views Responsive Grid module. The problem is when I select that option the images appear in a single column instead of appearing in the specified columns. How do I fix this?

1 Answer 1


You need to apply some css rules to the output. Basically, assuming each div of the grid has a views-content class, give that class a float:left and some margin. Or if you use a responsive theme already, set the correct classes to the output in Views UI...

As per the Views Responsive Grid:

In order for the columns to work you'll need to specify the class name of your columns. For example, if your theme utilizes a grid, like Twitter Bootstrap does, you would specify "span3" as the column class(making sure to use the correct span size). This will make sure your column adhere to the grid in your Bootstrap based theme.


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.