Sizing

Breakpoints

These are the breakpoints when using breakpoint suffix or infixes.

xs: 0
sm: 576px
md: 768px
lg: 992px
xl: 1200px
xxl: 1400px

Container Max Widths

These are the maximum widths for suffixed container classes.

sm: 540px
md: 720px
lg: 960px
xl: 1140px
xxl: 1320px

Max Width

You can use the the .mw-xxl class to set the max-width of an element to the width of the xxl breakpoint.

If you instead use the .mw-lg-xxl class the max-width will only be set when the viewport is at least the size of the lg breakpoint.

Auto Width

You can set the with to auto on an element using the .w-auto class.

• Bootstrap 5 sizing utilities