Sizing

Breakpoints

These are the breakpoints when using breakpoint suffix or infixes.

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

Container Max Widths

These are the maximum widths for suffixed container classes.

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

Max Width

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

If you instead use the .mw-lg-xl 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.