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 |