TIL: Reduce breakpoints in Bootstrap4

・1 min read

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";
Classic DEV Post from Jul 22 '18

The best book for learning backend design patterns


Join dev.to

Be a better developer. Free forever.