Support for Bootstrap 5

In some cases Bootstrap 5 also changed classes from "left" to "start" and "right" to "end".

#drupal-off-canvas .field-text-alignment .fieldset-wrapper > div > div input + label .input-icon[class*="left"],
#layout-builder-modal .field-text-alignment .fieldset-wrapper > div > div input + label .input-icon[class*="left"] {
  background-image: url("../../images/plugins/text-alignment/text-left.svg");
}

#drupal-off-canvas .field-text-alignment .fieldset-wrapper > div > div input + label .input-icon[class*="right"],
#layout-builder-modal .field-text-alignment .fieldset-wrapper > div > div input + label .input-icon[class*="right"] {
  background-image: url("../../images/plugins/text-alignment/text-right.svg");
}

So [class*="start"] and [class*="end"] need to be added. Maybe there are more cases like this.

I think this module should better get a complete refactoring for bootstrap 5.
Or maybe provide settings to select the bootstrap version in use and change the markup and styles accordingly.
Maybe some issues are already being worked on in other issues, but some of the problems I'm currently seeing are:

• Replace sr-only with visually-hidden
• Provide only one border radius and not different ones for all corners or at least don't render the sliders if no values for those were added in the settings as bs5 doesn't have classes for different corners
• Use bootstraps markup for tooltips and don't provide custom code for this which looks broken on my site, maybe because it conflicts with bootstrap 5 css
• Only provide styles for elements that were added by this module and not for the complete off-canvas (I am facing many styling issues and ugly looking elements due to changed off canvas variables and so on)
• Maybe make use of bootstrap 5 css variables to keep colors and so on like defined in the theme like var(--bs-primary, some-default-value)

It's really hard to get a good looking, usable layout builder, especially as drupal core itself does some ugly things there by just reverting ALL styles inside layout builder, which causes huge UX issues on form widgets. So I'm very grateful for all the good ideas this module provides.

I can confirm that the patch resolved the issue with Bootstrap 5

✅ Released bootstrap_styles-1.2.3