container 너비 사용자 지정

bootstrap의 container속성을 사용자가 지정하여 설정할 수 있다.

공식 문서

Containers

Containers are a fundamental building block of Bootstrap that contain, pad, and align your content within a given device or viewport.

getbootstrap.com

main.scss

// 사용자 너비 지정
$container-max-widths: (
  sm: 540px,
  md: 704px,
  lg: 964px,
  xl: 1140px,
  xxl: 1364px
);

step 1