in English
Pilihan
Ngatur Bootstrap kanthi cepet kanthi variabel sing dibangun supaya gampang ngalih preferensi CSS global kanggo ngontrol gaya lan prilaku.
Kustomisasi Bootstrap nganggo file variabel khusus sing dibangun lan gampang ngalih preferensi CSS global nganggo $enable-*variabel Sass anyar. Ganti nilai variabel lan kompilasi maneh yen npm run testperlu.
Sampeyan bisa nemokake lan ngatur variabel kasebut kanggo pilihan global utama ing scss/_variables.scssfile Bootstrap.
| Variabel | Nilai | Katrangan |
|---|---|---|
$spacer |
1rem(standar), utawa nilai apa wae> 0 |
Nemtokake nilai spacer standar kanggo ngasilake utilitas spacer kanthi program . |
$enable-rounded |
true(standar) utawafalse |
Mbisakake border-radiusgaya sing wis ditemtokake ing macem-macem komponen. |
$enable-shadows |
trueutawa false(standar) |
Mbisakake box-shadowgaya hiasan sing wis ditemtokake ing macem-macem komponen. Ora mengaruhi box-shadows digunakake kanggo negara fokus. |
$enable-gradients |
trueutawa false(standar) |
Ngaktifake gradien sing wis ditemtokake liwat background-imagegaya ing macem-macem komponen. |
$enable-transitions |
true(standar) utawafalse |
Mbisakake transitions sing wis ditemtokake ing macem-macem komponen. |
$enable-reduced-motion |
true(standar) utawafalse |
Ngaktifake pitakon prefers-reduced-motionmedia , sing nyuda animasi/transisi tartamtu adhedhasar preferensi browser/sistem operasi pangguna. |
$enable-grid-classes |
true(standar) utawafalse |
Ngaktifake generasi kelas CSS kanggo sistem kothak (contone .row, .col-md-1, etc.). |
$enable-caret |
true(standar) utawafalse |
Ngaktifake caret unsur pseudo ing .dropdown-toggle. |
$enable-button-pointers |
true(standar) utawafalse |
Tambah kursor "tangan" menyang unsur tombol sing ora dipatèni. |
$enable-rfs |
true(standar) utawafalse |
Global mbisakake RFS . |
$enable-validation-icons |
true(standar) utawafalse |
Ngaktifake background-imagelambang ing input teks lan sawetara formulir khusus kanggo status validasi. |
$enable-negative-margins |
trueutawa false(standar) |
Ngaktifake generasi utilitas margin negatif . |
$enable-deprecation-messages |
true(standar) utawafalse |
Setel kanggo falsekanggo ndhelikake bebaya nalika nggunakake samubarang mixin lan fungsi sing wis direncanakake bakal dibusak ing v6. |
$enable-important-utilities |
true(standar) utawafalse |
Ngaktifake !importantsufiks ing kelas sarana. |
$enable-smooth-scroll |
true(standar) utawafalse |
Ditrapake sacara scroll-behavior: smoothglobal, kajaba kanggo pangguna sing njaluk suda gerakan liwat prefers-reduced-motionpitakon media |