in English
Opcións
Personaliza rapidamente Bootstrap con variables integradas para cambiar facilmente as preferencias CSS globais para controlar o estilo e o comportamento.
Personaliza Bootstrap co noso ficheiro de variables personalizadas integrado e alterna facilmente as preferencias CSS globais coas novas $enable-*
variables de Sass. Anular o valor dunha variable e recompilar npm run test
segundo sexa necesario.
Podes atopar e personalizar estas variables para as opcións globais clave no scss/_variables.scss
ficheiro de Bootstrap.
Variable | Valores | Descrición |
---|---|---|
$spacer |
1rem (predeterminado) ou calquera valor > 0 |
Especifica o valor de separador predeterminado para xerar mediante programación as nosas utilidades de espazo . |
$enable-rounded |
true (predeterminado) oufalse |
Activa border-radius estilos predefinidos en varios compoñentes. |
$enable-shadows |
true ou false (predeterminado) |
Permite box-shadow estilos decorativos predefinidos en varios compoñentes. Non afecta box-shadow os usados para os estados de foco. |
$enable-gradients |
true ou false (predeterminado) |
Activa os gradientes predefinidos mediante background-image estilos en varios compoñentes. |
$enable-transitions |
true (predeterminado) oufalse |
Activa transition s predefinidas en varios compoñentes. |
$enable-reduced-motion |
true (predeterminado) oufalse |
Activa a prefers-reduced-motion consulta multimedia , que suprime certas animacións/transicións en función das preferencias do navegador/sistema operativo dos usuarios. |
$enable-grid-classes |
true (predeterminado) oufalse |
Permite a xeración de clases CSS para o sistema de grella (por exemplo .row , .col-md-1 , etc.). |
$enable-container-classes |
true (predeterminado) oufalse |
Permite a xeración de clases CSS para contedores de deseño. (Novo na versión 5.2.0) |
$enable-caret |
true (predeterminado) oufalse |
Activa o cursor do pseudoelemento en .dropdown-toggle . |
$enable-button-pointers |
true (predeterminado) oufalse |
Engade o cursor "man" aos elementos do botón non desactivados. |
$enable-rfs |
true (predeterminado) oufalse |
Activa globalmente RFS . |
$enable-validation-icons |
true (predeterminado) oufalse |
Activa background-image as iconas nas entradas textuais e algúns formularios personalizados para os estados de validación. |
$enable-negative-margins |
true ou false (predeterminado) |
Permite a xeración de utilidades de marxe negativa . |
$enable-deprecation-messages |
true (predeterminado) oufalse |
Establécese como false para ocultar avisos cando se utilicen calquera das mesturas e funcións obsoletas que se prevé eliminar en v6 . |
$enable-important-utilities |
true (predeterminado) oufalse |
Activa o !important sufixo nas clases de utilidade. |
$enable-smooth-scroll |
true (predeterminado) oufalse |
Aplícase scroll-behavior: smooth globalmente, excepto para os usuarios que solicitan movemento reducido mediante prefers-reduced-motion consulta de medios |