주요 콘텐츠로 건너뛰기 문서 탐색으로 건너뛰기
in English

옵션

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

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

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

변하기 쉬운 가치 설명
$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-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