in English
Pilihan
Sesuaikan Bootstrap dengan cepat dengan pembolehubah terbina dalam untuk menogol keutamaan CSS global dengan mudah untuk mengawal gaya dan tingkah laku.
Sesuaikan Bootstrap dengan fail pembolehubah tersuai terbina dalam kami dan togol pilihan CSS global dengan mudah dengan $enable-*pembolehubah Sass baharu. Gantikan nilai pembolehubah dan susun semula npm run testmengikut keperluan.
Anda boleh mencari dan menyesuaikan pembolehubah ini untuk pilihan global utama dalam scss/_variables.scssfail Bootstrap.
| Pembolehubah | Nilai | Penerangan |
|---|---|---|
$spacer |
1rem(lalai), atau sebarang nilai > 0 |
Menentukan nilai spacer lalai untuk menjana utiliti spacer kami secara pemprograman . |
$enable-rounded |
true(lalai) ataufalse |
Mendayakan border-radiusgaya yang dipratentukan pada pelbagai komponen. |
$enable-shadows |
trueatau false(lalai) |
Mendayakan gaya hiasan yang dipratentukan box-shadowpada pelbagai komponen. Tidak menjejaskan box-shadows digunakan untuk keadaan fokus. |
$enable-gradients |
trueatau false(lalai) |
Mendayakan kecerunan yang dipratentukan melalui background-imagegaya pada pelbagai komponen. |
$enable-transitions |
true(lalai) ataufalse |
Mendayakan transitions yang dipratentukan pada pelbagai komponen. |
$enable-reduced-motion |
true(lalai) ataufalse |
Mendayakan prefers-reduced-motionpertanyaan media , yang menyekat animasi/peralihan tertentu berdasarkan pilihan penyemak imbas/sistem pengendalian pengguna. |
$enable-grid-classes |
true(lalai) ataufalse |
Membolehkan penjanaan kelas CSS untuk sistem grid (cth .row, .col-md-1, dsb.). |
$enable-caret |
true(lalai) ataufalse |
Mendayakan karet elemen pseudo pada .dropdown-toggle. |
$enable-button-pointers |
true(lalai) ataufalse |
Tambahkan kursor "tangan" pada elemen butang tidak dilumpuhkan. |
$enable-rfs |
true(lalai) ataufalse |
Secara global membolehkan RFS . |
$enable-validation-icons |
true(lalai) ataufalse |
Mendayakan background-imageikon dalam input teks dan beberapa borang tersuai untuk keadaan pengesahan. |
$enable-negative-margins |
trueatau false(lalai) |
Membolehkan penjanaan utiliti margin negatif . |
$enable-deprecation-messages |
true(lalai) ataufalse |
Tetapkan kepada falseuntuk menyembunyikan amaran apabila menggunakan mana-mana campuran dan fungsi yang telah ditamatkan yang dirancang untuk dialih keluar dalam v6. |
$enable-important-utilities |
true(lalai) ataufalse |
Mendayakan !importantakhiran dalam kelas utiliti. |
$enable-smooth-scroll |
true(lalai) ataufalse |
Terpakai scroll-behavior: smoothsecara global, kecuali untuk pengguna yang meminta gerakan yang dikurangkan melalui prefers-reduced-motionpertanyaan media |