Breakpoint xs is used in class names which is invalid

Hi, I've removed the xs breakpoint for bootstrap 5 and added the xl, xxl for the carousel and grid. I'm attaching screenshots of the before and after fixes for reference. Please review the changes.

Thanks!

Xs is still a valid breakpoint. What's not valid is specifying xs in class names.

For example
col-xs -> col
display-xs-block -> display-block

The Extra Small option still needs to exist, but the css code it sets is different than the rest and simply setting it to blank won't work either because then you end up with col- or display--block which is also invalid class names.

I was just looking at that. There are two functions in the ViewsBootstrap utility class that are not used anywhere. There is getColSize, which was used (or is used) in the 8.x-3.x branch. Then there is getColumnPrefix.

  public static function getColumnPrefix($breakpoint) {
    return 'col' . ($breakpoint != 'xs' ? '-' . $breakpoint : '');
  }

It seems even when it was added, it wasn't actually called anywhere. However, this may be useful in this situation.

The grid was working as it was. It correctly had col-val for the class. The carousel breakpoint class was incorrectly putting the xs. I updated the code with the forms, preprocess functions, schema, template, etc.

Thanks.

Automatically closed - issue fixed for 2 weeks with no activity.