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 Jun 15

Micro Frontends: a deep dive into the latest industry trend.

An honest first time impression of the micro front-end design pattern.

terrierscript profile image
🐶
Join DEV

Heard of computers? This could be you. Get a lifetime membership for a flat fee of $0.00.