Lewati ke konten utama Lewati ke navigasi dokumen
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-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