Bootstrap4를 비 반응형으로 사용하는 방법의 메모입니다. 간단.

공식 지원 없음

Bootstrap3에서는 공식이 배포하고 있다 non-responsive.css 를 추가하는 것만이었습니다만, Bootstrap4에서는 공식의 서포트가 없어져 버렸습니다.

Bootstrap
Bootstrap4 마이그레이션 가이드

Bootstrap의 비응답에서의 사용은 지원하지 않는다 (non-responsive.css 는 제공하지 않는다).

비 반응형화

bootstrap.min.css 를 읽은 후 .container의 min-width를 덮어 씁니다.

app.css

.container {
  min-width: 1200px;
}

그리드 시스템에서 화면 너비를 지정하지 않음

화면 폭을 지정하는 클래스 xs, sm, md, lg, xl는 사용하지 마십시오. 만약 이미 사용하고 있는 경우는 제거합니다. 예를 들어, col-md-6 는 col-6 로 바꿉니다.

이상!