옵션

스타일과 동작을 제어하기 위한 전역 CSS 기본 설정을 쉽게 토글할 수 있도록 내장 변수로 부트스트랩을 빠르게 사용자 지정합니다.

내장된 사용자 정의 변수 파일로 Bootstrap을 사용자 정의하고 새로운 $enable-*Sass 변수로 전역 CSS 기본 설정을 쉽게 토글할 수 있습니다. 변수의 값을 재정의하고 npm run test필요에 따라 로 재컴파일하십시오.

scss/_variables.scssBootstrap의 파일 에서 주요 전역 옵션에 대해 이러한 변수를 찾아 사용자 정의할 수 있습니다 .

변하기 쉬운	가치	설명
`$spacer`	`1rem`(기본값) 또는 모든 값 > 0	프로그래밍 방식으로 스페이서 유틸리티 를 생성하기 위한 기본 스페이서 값을 지정합니다 .
`$enable-rounded`	`true`(기본값) 또는`false`	`border-radius`다양한 구성 요소에서 미리 정의된 스타일을 활성화합니다 .
`$enable-shadows`	`true`또는 `false`(기본값)	다양한 구성 요소에서 미리 정의된 장식 `box-shadow`스타일을 활성화합니다. `box-shadow`포커스 상태에 사용되는 에는 영향을 주지 않습니다 .
`$enable-gradients`	`true`또는 `false`(기본값)	`background-image`다양한 구성 요소의 스타일을 통해 미리 정의된 그라디언트를 활성화합니다 .
`$enable-transitions`	`true`(기본값) 또는`false`	`transition`다양한 구성 요소에서 미리 정의된 를 활성화합니다 .
`$enable-reduced-motion`	`true`(기본값) 또는`false`	사용자의 브라우저/운영 체제 기본 설정에 따라 특정 애니메이션/전환을 억제 하는 `prefers-reduced-motion`미디어 쿼리 를 활성화합니다 .
`$enable-grid-classes`	`true`(기본값) 또는`false`	그리드 시스템에 대한 CSS 클래스 생성을 활성화합니다(예: `.row`, `.col-md-1`등).
`$enable-container-classes`	`true`(기본값) 또는`false`	레이아웃 컨테이너에 대한 CSS 클래스 생성을 활성화합니다. (v5.2.0의 새로운 기능)
`$enable-caret`	`true`(기본값) 또는`false`	에서 의사 요소 캐럿을 활성화합니다 `.dropdown-toggle`.
`$enable-button-pointers`	`true`(기본값) 또는`false`	비활성화되지 않은 버튼 요소에 "손" 커서를 추가합니다.
`$enable-rfs`	`true`(기본값) 또는`false`	RFS 를 전역적으로 활성화 합니다.
`$enable-validation-icons`	`true`(기본값) 또는`false`	`background-image`유효성 검사 상태에 대한 텍스트 입력 및 일부 사용자 정의 양식 내의 아이콘을 활성화합니다 .
`$enable-negative-margins`	`true`또는 `false`(기본값)	마이너스 마진 유틸리티 의 생성을 가능하게 합니다 .
`$enable-deprecation-messages`	`true`(기본값) 또는`false`	`false`에서 제거될 예정인 더 이상 사용되지 않는 믹스인 및 기능을 사용할 때 경고를 숨기려면 로 설정하십시오 `v6`.
`$enable-important-utilities`	`true`(기본값) 또는`false`	`!important`유틸리티 클래스에서 접미사를 활성화합니다 .
`$enable-smooth-scroll`	`true`(기본값) 또는`false`	미디어 쿼리`scroll-behavior: smooth` 를 통해 모션 감소를 요청하는 사용자를 제외하고 전 세계적으로 적용 됩니다.`prefers-reduced-motion`