Modifying Bootstrap Breakpoints

Bootstrap breakpoints are defined in the Bootstrap Variables File. The breakpoints control the minimum dimensions at which your layout will change, adapting to different screen sizes.

$grid-breakpoints: (
  xxs: 0,
  xs: 372px,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  xxl: 1500px
);