in English
Pilihan
Kustomisasi Bootstrap dengan cepat dengan variabel bawaan untuk dengan mudah beralih preferensi CSS global untuk mengontrol gaya dan perilaku.
Kustomisasi Bootstrap dengan file variabel kustom bawaan kami dan dengan mudah beralih preferensi CSS global dengan $enable-*variabel Sass baru. Ganti nilai variabel dan kompilasi ulang npm run testsesuai kebutuhan.
Anda dapat menemukan dan menyesuaikan variabel-variabel ini untuk opsi global utama di scss/_variables.scssfile Bootstrap.
| Variabel | Nilai | Keterangan |
|---|---|---|
$spacer |
1rem(default), atau nilai apa pun > 0 |
Menentukan nilai pengatur jarak default untuk menghasilkan utilitas pengatur jarak kami secara terprogram . |
$enable-rounded |
true(default) ataufalse |
Mengaktifkan border-radiusgaya yang telah ditentukan sebelumnya pada berbagai komponen. |
$enable-shadows |
trueatau false(bawaan) |
Memungkinkan box-shadowgaya dekoratif yang telah ditentukan sebelumnya pada berbagai komponen. Tidak mempengaruhi box-shadows yang digunakan untuk status fokus. |
$enable-gradients |
trueatau false(bawaan) |
Mengaktifkan gradien yang telah ditentukan sebelumnya melalui background-imagegaya pada berbagai komponen. |
$enable-transitions |
true(default) ataufalse |
Mengaktifkan s yang telah ditentukan sebelumnya transitionpada berbagai komponen. |
$enable-reduced-motion |
true(default) ataufalse |
Mengaktifkan prefers-reduced-motionkueri media , yang menekan animasi/transisi tertentu berdasarkan preferensi browser/sistem operasi pengguna. |
$enable-grid-classes |
true(default) ataufalse |
Mengaktifkan pembuatan kelas CSS untuk sistem grid (misalnya .row, .col-md-1, dll.). |
$enable-container-classes |
true(default) ataufalse |
Memungkinkan pembuatan kelas CSS untuk wadah tata letak. (Baru di v5.2.0) |
$enable-caret |
true(default) ataufalse |
Mengaktifkan tanda sisipan elemen semu pada .dropdown-toggle. |
$enable-button-pointers |
true(default) ataufalse |
Tambahkan kursor "tangan" ke elemen tombol yang tidak dinonaktifkan. |
$enable-rfs |
true(default) ataufalse |
Mengaktifkan RFS secara global . |
$enable-validation-icons |
true(default) ataufalse |
Mengaktifkan background-imageikon dalam input tekstual dan beberapa formulir khusus untuk status validasi. |
$enable-negative-margins |
trueatau false(bawaan) |
Memungkinkan pembuatan utilitas margin negatif . |
$enable-deprecation-messages |
true(default) ataufalse |
Setel ke falseuntuk menyembunyikan peringatan saat menggunakan salah satu mixin dan fungsi yang tidak digunakan lagi yang direncanakan untuk dihapus di v6. |
$enable-important-utilities |
true(default) ataufalse |
Mengaktifkan !importantakhiran di kelas utilitas. |
$enable-smooth-scroll |
true(default) ataufalse |
Berlaku scroll-behavior: smoothsecara global, kecuali untuk pengguna yang meminta pengurangan gerakan melalui prefers-reduced-motionkueri media |