TIL: Reduce breakpoints in Bootstrap4

twitter logo github logo ・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";
twitter logo DISCUSS
Classic DEV Post from Nov 2 '18

From homelessness to making six figures: On learning how to code.

A reflection of my life post High School.

terrierscript profile image
🐶