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

The best book for learning backend design patterns

Hello

🐢
Join dev.to

Be a better developer. Free forever.