Bootstrap 5 wrong classes used

I would also like to add errors from the same category.

  1. In Bootstrap 5, the no-gutters class was removed, g-0 is used instead of this class.
  2. Also in Bootstrap 5, the names of paddings and margins on the left and right sides have changed. Instead of the old pl, pr, ml, mr classes, now we need to use the ps, pe, ms, me classes.

Wappler uses the old classes when switching from Bootstrap 4 to Bootstrap 5, which is why the design of the converted sites collapses. It also interferes with the design settings using the visual interface of Wappler. It’s good that there is a code and Wappler errors can be quickly corrected by yourself.

Hello, do you mean these classes are not properly set only when converting from Bootstrap 4 to Bootstrap 5? As i just tested these on a new page and the classes are properly applied?

It turns out that it is. I ran into the above problem on all sites after converting them from Bootstrap 4 to Bootstrap 5.

Ok we found the issue with the gutter class and it will be fixed in todays update. The padding/margin classes, however convert from pl-* to ps-* properly now, no issued found with them.

1 Like

This has been fixed in Wappler 4.6

This topic was automatically closed after 46 hours. New replies are no longer allowed.