scss 修复Bootstrap 4的网格系统没有实际的大屏幕尺寸断点

Posted 2021-05-18

// Add two new breakpoints because Bootstrap is stupid by default
$grid-breakpoints: (
	xs  : 0,
	sm  : 576px,
	md  : 768px,
	lg  : 992px,
	xl  : 1200px,
	xxl : 1400px,
	xxxl: 1800px
) !default;

$container-max-widths: (
	sm  : 540px,
	md  : 720px,
	lg  : 960px,
	xl  : 1140px,
	xxl : 1340px,
	xxxl: 1740px
) !default;

$grid-gutter-width-base: 30px !default;
$grid-gutter-widths: (
	xs  : $grid-gutter-width-base,
	sm  : $grid-gutter-width-base,
	md  : $grid-gutter-width-base,
	lg  : $grid-gutter-width-base,
	xl  : $grid-gutter-width-base,
	xxl : $grid-gutter-width-base * 2,
	xxxl: $grid-gutter-width-base * 2
) !default;