Migrating

from v4.x to 5.0.0.beta2

CSS

For the RTL feature some utility and components classes are renamed. In generally left -> start and right -> end.

Components are renamed as

• .dropleft and .dropright -> .dropstart and .dropend
• .dropdown-menu-*-left and .dropdown-menu-*-right -> .dropdown-menu-*-start and .dropdown-menu-*-end
• .bs-popover-left and .bs-popover-right -> .bs-popover-start and .bs-popover-end
• .bs-tooltip-left and .bs-tooltip-right -> .bs-tooltip-start and .bs-tooltip-end
• .carousel-item-left and .carousel-item-right -> .carousel-item-start and .carousel-item-end

Utilities are renamed as

• .left-* and .right-* -> .start-* and .end-*
• .float-left and .float-right -> .float-start and .float-end
• .border-left and .border-right -> .border-start and .border-end
• .rounded-left and .rounded-right -> .rounded-start and .rounded-end
• .ml and .mr -> .ms and .me
• .pl and .pr -> .ps and .pe
• .text-left and .text-right -> .text-start and .text-end

JavaScript

1. Restored offset option for Dropdown, Popover and Tooltip plugins.

2. The default value for the fallbackPlacements is changed to ['top', 'right', 'bottom', 'left'] for better placement of popper elements.

3. All the events for the dropdown are now triggered on the dropdown toggle button and then bubbled up to the parent element.

4. Dropdown menus now have a data-bs-popper="static" attribute set when the positioning of the dropdown is static and data-bs-popper="none" when dropdown is in the navbar.

5. popperConfig can be passed as a function that accepts the Bootstrap’s default Popper config as an argument, so that you can merge this default configuration in your way.