Thanks to visit codestin.com
Credit goes to github.com

Skip to content

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

@petia182

Description

@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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions