Ir ao contido principal Ir á navegación de documentos
Check
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 testsegundo sexa necesario.

Podes atopar e personalizar estas variables para as opcións globais clave no scss/_variables.scssficheiro 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-radiusestilos predefinidos en varios compoñentes.
$enable-shadows trueou false(predeterminado) Permite box-shadowestilos decorativos predefinidos en varios compoñentes. Non afecta box-shadowos usados ​​para os estados de foco.
$enable-gradients trueou false(predeterminado) Activa os gradientes predefinidos mediante background-imageestilos en varios compoñentes.
$enable-transitions true(predeterminado) oufalse Activa transitions predefinidas en varios compoñentes.
$enable-reduced-motion true(predeterminado) oufalse Activa a prefers-reduced-motionconsulta 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-imageas iconas nas entradas textuais e algúns formularios personalizados para os estados de validación.
$enable-negative-margins trueou false(predeterminado) Permite a xeración de utilidades de marxe negativa .
$enable-deprecation-messages true(predeterminado) oufalse Establécese como falsepara 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 !importantsufixo nas clases de utilidade.
$enable-smooth-scroll true(predeterminado) oufalse Aplícase scroll-behavior: smoothglobalmente, excepto para os usuarios que solicitan movemento reducido mediante prefers-reduced-motionconsulta de medios