- 🇺🇸United States robbt
The additional components of row classes on patch #4 solve the issue reported here - https://www.drupal.org/project/views_bootstrap/issues/3324207 🐛 Row class added to all columns Active for 5.5.x -
Also I tested this and it applied on 5.5.x but I'm not really sure that changing the grids works correctly. I think that it would make sense to take the additional code jienckebd provided and make it into a patch that could solve the other issue. I may put together a patch if I get a chance.
I think that a better way to make columns more responsive would be to support - Row Columns - see https://getbootstrap.com/docs/5.3/layout/grid/#row-columns
It was evidently introduced into Bootstrap with version 4.4 - https://blog.getbootstrap.com/2019/11/26/bootstrap-4-4-0/
This is a lot cleaner in my mind for Views since it allows you to set the number of columns for each breakpoint while also providing a default aka mobile breakpoint of 1. This is what I've been using for cards - class="row row-cols-1 row-cols-md-3 row-cols-lg-5" - this would be impossible to implement with the current grid options because everything has to be divisible by 12.
Also this should in theory work pretty well with views since all of the items will likely be of uniform width and so relying upon the row to set the number of columns is cleaner in my opinion.
I'm not sure if this would be the best approach for the 5.4.x branch as I'm not sure if we want to impose a requirement to use 4.4.x and above but I do think it would make sense to roll out this approach for 5.5.x
In the meantime with the row class fix patched in this approach can be done via applying a row class which is nice.