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 test
sesuai kebutuhan.
Anda dapat menemukan dan menyesuaikan variabel-variabel ini untuk opsi global utama di scss/_variables.scss
file 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-radius gaya yang telah ditentukan sebelumnya pada berbagai komponen. |
$enable-shadows |
true atau false (bawaan) |
Memungkinkan box-shadow gaya dekoratif yang telah ditentukan sebelumnya pada berbagai komponen. Tidak mempengaruhi box-shadow s yang digunakan untuk status fokus. |
$enable-gradients |
true atau false (bawaan) |
Mengaktifkan gradien yang telah ditentukan sebelumnya melalui background-image gaya pada berbagai komponen. |
$enable-transitions |
true (default) ataufalse |
Mengaktifkan s yang telah ditentukan sebelumnya transition pada berbagai komponen. |
$enable-reduced-motion |
true (default) ataufalse |
Mengaktifkan prefers-reduced-motion kueri 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-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-image ikon dalam input tekstual dan beberapa formulir khusus untuk status validasi. |
$enable-negative-margins |
true atau false (bawaan) |
Memungkinkan pembuatan utilitas margin negatif . |
$enable-deprecation-messages |
true (default) ataufalse |
Setel ke false untuk 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 !important akhiran di kelas utilitas. |
$enable-smooth-scroll |
true (default) ataufalse |
Berlaku scroll-behavior: smooth secara global, kecuali untuk pengguna yang meminta pengurangan gerakan melalui prefers-reduced-motion kueri media |