ComboStrap - Release 1.13 - BootStrap 4 to 5 Migration Changes

About

In the release 1.13, we made Bootstrap 5 available. This page regroups all migration matters from BootStrap 4 to BootStrap 5.

ComboStrap supports the two version.

If you got any problem on this migration, don;'t hesitate to open a ticket or contact us.

New in Bootstrap 5

Breaking changes from Combostrap 5

Start and End in place of Left and Right in Utility Class

To support RTL languages, Bootstrap has renamed the direction properties left and right in favor start and end.

The only breaking change is when you use utility class directly from bootstrap with the class attribute (ie without using for instance the spacing utility for instance).

They have been renamed and we can't do much in this case

The left and right spacing utility have been renamed to support text direction.

  • in place of l (left), you get a s (start) - for classes that set margin-left or padding-left in LTR, margin-right or padding-right in RTL
  • in place of r (right), you get a e (end)- for classes that set margin-right or padding-right in LTR, margin-left or padding-left in RTL

Theme

The below change is only valid for the default bootstrap theme, not for third theme stylesheet such as bootswatch

The colors have changed in the default Bootstrap them to add more contrast. Unfortunately, it means that the default colors are more bright.

Example with the info color

Bootstrap 4 Bootstrap 5

Changes preserved

This section lists the changes preserved by ComboStrap.

Deleted

The following elements are deleted in Bootstrap 5 but preserved in Combostrap.

Modified

More info

For more information, see the whole migration documentation at Bootstrap




Showcase yourself and your brand

Get free news, tips, and tricks
to create a remarkable experience for your readers.




Recommended Pages
Bootstrapversionstylesheet
ComboStrap - Bootstrap

bootstrap is the default UI system used by ComboStrap. We use by default, the latest Bootstrap version supported. You can change the version and stylesheet with the bootstrap version stylesheet version...
Undraw My Documents
ComboStrap - Font Size Typographic Attribute

How to set the font-size with the font-size attribute
Jquery Version Browser Console
ComboStrap - JQuery

jquery is available in the strap template. To get the JQuery Version, you need to open the browser:consoleBrowser console and type Example: bootstrap version 5 Bootstrap 4 is packaged with...
Undraw Website Builder Re Ii6e
ComboStrap UI - Masonry

masonry is a layout component. Its children are laid out like a mason-fitting stones in a wall (placing elements based on available vertical space). This layout is handy when you want to lay out a list...



Task Runner