in English
Сонголтууд
Загвар болон зан төлөвийг хянахын тулд дэлхийн CSS тохиргоог хялбархан сэлгэхийн тулд суулгасан хувьсагчтай Bootstrap-ийг хурдан тохируулаарай.
Bootstrap-г манай суулгасан өөрчлөн хувьсагчийн файлаар тохируулж, дэлхийн CSS тохиргоог шинэ $enable-*
Sass хувьсагчаар хялбархан сольж болно. Хувьсагчийн утгыг дарж, шаардлагатай бол дахин хөрвүүлнэ npm run test
.
Та эдгээр хувьсагчдыг Bootstrap scss/_variables.scss
файлаас олж, өөрчлөх боломжтой.
Хувьсагч | Үнэ цэнэ | Тодорхойлолт |
---|---|---|
$spacer |
1rem (анхдагч) эсвэл дурын утга > 0 |
Манай spacer хэрэгслүүдийг программчлан үүсгэхийн тулд анхдагч зайны утгыг зааж өгдөг . |
$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 Төрөл бүрийн бүрэлдэхүүн хэсгүүд дээр урьдчилан тодорхойлсон s-г идэвхжүүлнэ . |
$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 |