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 |