TIL: Reduce breakpoints in Bootstrap4

Bootstrap4 has 5 breakpoints (xs, sm, md, lg, xl) by default.

But it's so hard that to control all breakpoints.

I found it can reduce this to 2 breakpoints with Grid tires customize.

 $grid-breakpoints: ( xs: 0, sm: 576px, md: 576px, lg: 992px, xl: 992px ); $container-max-widths: ( sm: 540px, md: 540px, lg: 960px, xl: 960px ); @import "bootstrap";