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";
Top comments (0)