Opțiuni

Personalizați rapid Bootstrap cu variabile încorporate pentru a comuta cu ușurință preferințele globale CSS pentru a controla stilul și comportamentul.

Personalizați Bootstrap cu fișierul nostru de variabile personalizate încorporat și comutați cu ușurință preferințele globale CSS cu noile $enable-*variabile Sass. Suprascrieți valoarea unei variabile și recompilați cu npm run testdupă cum este necesar.

Puteți găsi și personaliza aceste variabile pentru opțiunile globale cheie în scss/_variables.scssfișierul Bootstrap.

Variabil	Valori	Descriere
`$spacer`	`1rem`(implicit) sau orice valoare > 0	Specifică valoarea implicită de distanțiere pentru a genera în mod programatic utilitățile noastre de distanțiere .
`$enable-rounded`	`true`(implicit) sau`false`	Activează stiluri predefinite `border-radius`pe diferite componente.
`$enable-shadows`	`true`sau `false`(implicit)	Permite stiluri decorative predefinite `box-shadow`pe diferite componente. Nu afectează `box-shadow`cele utilizate pentru stările de focalizare.
`$enable-gradients`	`true`sau `false`(implicit)	Activează gradienți predefiniti prin `background-image`stiluri pe diferite componente.
`$enable-transitions`	`true`(implicit) sau`false`	Activează `transition`s-uri predefinite pe diferite componente.
`$enable-reduced-motion`	`true`(implicit) sau`false`	Activează `prefers-reduced-motion`interogarea media , care suprimă anumite animații/tranziții bazate pe preferințele browserului/sistemului de operare ale utilizatorilor.
`$enable-grid-classes`	`true`(implicit) sau`false`	Permite generarea de clase CSS pentru sistemul grid (ex `.row`. , `.col-md-1`etc.).
`$enable-container-classes`	`true`(implicit) sau`false`	Permite generarea de clase CSS pentru containerele de layout. (Nou în v5.2.0)
`$enable-caret`	`true`(implicit) sau`false`	Activează simbolul pseudo-element pe `.dropdown-toggle`.
`$enable-button-pointers`	`true`(implicit) sau`false`	Adăugați cursorul „mână” elementelor butoanelor nedezactivate.
`$enable-rfs`	`true`(implicit) sau`false`	Activează RFS la nivel global .
`$enable-validation-icons`	`true`(implicit) sau`false`	Activează `background-image`pictogramele în intrările de text și unele formulare personalizate pentru stările de validare.
`$enable-negative-margins`	`true`sau `false`(implicit)	Permite generarea de utilități în marjă negativă .
`$enable-deprecation-messages`	`true`(implicit) sau`false`	Setați pentru `false`a ascunde avertismentele atunci când utilizați oricare dintre mixurile și funcțiile depreciate care sunt planificate să fie eliminate în `v6`.
`$enable-important-utilities`	`true`(implicit) sau`false`	Activează `!important`sufixul în clasele de utilitate.
`$enable-smooth-scroll`	`true`(implicit) sau`false`	Se aplică `scroll-behavior: smooth`la nivel global, cu excepția utilizatorilor care solicită mișcare redusă prin `prefers-reduced-motion`interogare media