Salta al contenuto principale Passa alla navigazione dei documenti
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-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