in English
Opcioj
Rapide agordu Bootstrap kun enkonstruitaj variabloj por facile ŝanĝi tutmondajn CSS-preferojn por kontroli stilon kaj konduton.
Agordu Bootstrap per nia enkonstruita kutima variablo-dosiero kaj facile ŝanĝi tutmondajn CSS-preferojn per novaj $enable-*
Sass-variabloj. Anstataŭigi la valoron de variablo kaj rekompilu npm run test
laŭbezone.
scss/_variables.scss
Vi povas trovi kaj personecigi ĉi tiujn variablojn por ŝlosilaj tutmondaj opcioj en la dosiero de Bootstrap .
Variablo | Valoroj | Priskribo |
---|---|---|
$spacer |
1rem (defaŭlte), aŭ ajna valoro > 0 |
Specifas la defaŭltan interspacan valoron por programe generi niajn interspacigajn ilojn . |
$enable-rounded |
true (defaŭlte) aŭfalse |
Ebligas antaŭdifinitajn border-radius stilojn sur diversaj komponantoj. |
$enable-shadows |
true aŭ false (defaŭlte) |
Ebligas antaŭdifinitajn ornamajn box-shadow stilojn sur diversaj komponantoj. Ne influas box-shadow s uzataj por fokusaj statoj. |
$enable-gradients |
true aŭ false (defaŭlte) |
Ebligas antaŭdifinitajn gradientojn per background-image stiloj sur diversaj komponantoj. |
$enable-transitions |
true (defaŭlte) aŭfalse |
Ebligas antaŭdifinitajn transition s sur diversaj komponantoj. |
$enable-reduced-motion |
true (defaŭlte) aŭfalse |
Ebligas la prefers-reduced-motion amaskomunikila demandon , kiu subpremas certajn kuraĝigojn/transirojn bazitajn sur la preferoj de la retumilo/operaciumo de la uzantoj. |
$enable-grid-classes |
true (defaŭlte) aŭfalse |
Ebligas la generacion de CSS-klasoj por la kradsistemo (ekz .row . , .col-md-1 , ktp.). |
$enable-container-classes |
true (defaŭlte) aŭfalse |
Ebligas la generacion de CSS-klasoj por aranĝaj ujoj. (Nova en v5.2.0) |
$enable-caret |
true (defaŭlte) aŭfalse |
Ebligas pseŭdoelementan signon sur .dropdown-toggle . |
$enable-button-pointers |
true (defaŭlte) aŭfalse |
Aldonu "manan" kursoron al ne-malŝaltitaj butonelementoj. |
$enable-rfs |
true (defaŭlte) aŭfalse |
Tutmonde ebligas RFS . |
$enable-validation-icons |
true (defaŭlte) aŭfalse |
Ebligas background-image ikonojn en tekstaj enigaĵoj kaj iujn kutimajn formojn por validigaj statoj. |
$enable-negative-margins |
true aŭ false (defaŭlte) |
Ebligas la generacion de negativaj marĝenaj utilecoj . |
$enable-deprecation-messages |
true (defaŭlte) aŭfalse |
Agordu al false por kaŝi avertojn kiam vi uzas iun el la malrekomenditaj miksaĵoj kaj funkcioj kiuj estas planitaj por esti forigitaj en v6 . |
$enable-important-utilities |
true (defaŭlte) aŭfalse |
Ebligas la !important sufikson en utilaj klasoj. |
$enable-smooth-scroll |
true (defaŭlte) aŭfalse |
Aplikas scroll-behavior: smooth tutmonde, krom uzantoj, kiuj petas reduktitan moviĝon per prefers-reduced-motion amaskomunikila demando |