Salta al contenuto principale Passa alla navigazione dei documenti
Check
in English

Opzioni

Personalizza rapidamente Bootstrap con variabili integrate per attivare facilmente le preferenze CSS globali per il controllo di stile e comportamento.

Personalizza Bootstrap con il nostro file di variabili personalizzate integrato e attiva facilmente le preferenze CSS globali con le nuove $enable-*variabili Sass. Sostituisci il valore di una variabile e ricompila npm run testsecondo necessità.

Puoi trovare e personalizzare queste variabili per le opzioni globali chiave nel scss/_variables.scssfile di Bootstrap.

Variabile I valori Descrizione
$spacer 1rem(predefinito) o qualsiasi valore > 0 Specifica il valore di spaziatore predefinito per generare a livello di codice le nostre utilità spaziatore .
$enable-rounded true(predefinito) ofalse border-radiusAbilita stili predefiniti su vari componenti.
$enable-shadows trueo false(predefinito) Consente box-shadowstili decorativi predefiniti su vari componenti. Non influisce sui messaggi di posta box-shadowelettronica utilizzati per gli stati di messa a fuoco.
$enable-gradients trueo false(predefinito) Abilita gradienti predefiniti tramite background-imagestili su vari componenti.
$enable-transitions true(predefinito) ofalse Abilita messaggi predefiniti transitionsu vari componenti.
$enable-reduced-motion true(predefinito) ofalse Abilita la prefers-reduced-motionquery multimediale , che sopprime determinate animazioni/transizioni in base alle preferenze del browser/sistema operativo degli utenti.
$enable-grid-classes true(predefinito) ofalse Abilita la generazione di classi CSS per il sistema a griglia (es .row, .col-md-1, ecc.).
$enable-container-classes true(predefinito) ofalse Abilita la generazione di classi CSS per contenitori di layout. (Novità nella v5.2.0)
$enable-caret true(predefinito) ofalse Abilita lo pseudo elemento accento circonflesso su .dropdown-toggle.
$enable-button-pointers true(predefinito) ofalse Aggiungi il cursore "mano" agli elementi del pulsante non disabilitati.
$enable-rfs true(predefinito) ofalse Abilita globalmente RFS .
$enable-validation-icons true(predefinito) ofalse Abilita le background-imageicone all'interno di input testuali e alcuni moduli personalizzati per gli stati di convalida.
$enable-negative-margins trueo false(predefinito) Consente la generazione di utilità di margine negativo .
$enable-deprecation-messages true(predefinito) ofalse Impostare su falseper nascondere gli avvisi quando si utilizzano i mixin e le funzioni deprecati che dovrebbero essere rimossi in v6.
$enable-important-utilities true(predefinito) ofalse Abilita il !importantsuffisso nelle classi di utilità.
$enable-smooth-scroll true(predefinito) ofalse Si applica scroll-behavior: smootha livello globale, ad eccezione degli utenti che richiedono una riduzione del movimento tramite prefers-reduced-motionquery multimediali