Skip to content
GitLab
Closed
Issue created by Administrator@rootContributor

Bootstrap v5: Migration docs - breaking change related to media-breakpoint-down() is not included

Created by: petia182

  • Operating system and version (Windows, macOS, Android, iOS) - N/A
  • Browser and version (Chrome, Firefox, Safari, Microsoft Edge, Opera, Android Browser) - N/A

I noticed there is a breaking change, related to the media-breakpoint-down() mixin, which is not included in the Migration Documentation

In Bootstrap v4 the media-breakpoint-down() was triggered at the next larger breakpoint, but in Bootstrap v5 this is changed.

Example: Bootstrap v4 - when using media-breakpoint-down(md) - the breakpoint is equal to @media (max-width: 991.98px) Bootstrap v5 - when using media-breakpoint-down(md) - the breakpoint is equal to @media (max-width: 767.98px)

Codepen Example: Bootstrap v4 - https://codepen.io/petia182/pen/qBrMBKo Bootstrap v5 - https://codepen.io/petia182/pen/wvJEvLa