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";