Үндсэн агуулга руу шилжих Docs навигаци руу алгасах
Check
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-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