How to add new breakpoints in bootstrap?

Question

Fonts

How to add new breakpoints in bootstrap sas • xl: =<1400px (custom)
• lg: 1399px - 1201px (standard) • md: 1200px - 992px (standard) • sm: 991px - 768px (standard) • xs: 767px - 481px (standard) xxs: =>480px (custom)

Answer 1

Fix Variables

$grid-breakpoints: (
  xs: 0,
  sm: 768px,
  md: 980px,
  lg: 1200px
) !default;

$container-max-widths: (
  xs: 480px,
  sm: 720px,
  md: 960px,
  lg: 1140px
) !default;