Langkau ke kandungan utama Langkau ke navigasi dokumen
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