Opciones
Personaliza rápidamente Bootstrap con variables integradas para alternar fácilmente las preferencias globales de CSS para controlar el estilo y el comportamiento.
😎 Esta traducción es parte del proyecto esdocu.com.
Personaliza Bootstrap con nuestro archivo de variables personalizadas incorporado y alterna fácilmente las
preferencias globales de CSS con las nuevas variables $enable-* Sass. Sobrescribe el valor de una
variable y vuelve a compilar con npm run test según sea necesario.
Puedes encontrar y personalizar estas variables para opciones globales clave en el archivo
scss/_variables.scss de Bootstrap.
| Variable | Valores | Descripción |
|---|---|---|
$spacer |
1rem (predeterminado), o cualquier valor > 0 |
Especifica el valor de espaciado predeterminado para generar mediante programación nuestras utilidades de espaciado. |
$enable-dark-mode |
true (predeterminado) o false |
Habilita el soporte para el modo oscuro integrado en todo el proyecto y sus componentes. |
$enable-rounded |
true (predeterminado) o false |
Permite estilos border-radius predefinidos en varios componentes. |
$enable-shadows |
true o false (predeterminado) |
Habilita estilos decorativos box-shadow predefinidos en varios componentes. No afecta
los box-shadow utilizados para los estados de enfoque. |
$enable-gradients |
true o false (predeterminado) |
Permite gradientes predefinidos a través de estilos background-image en varios
componentes. |
$enable-transitions |
true (predeterminado) o false |
Permite transitions predefinidas en varios componentes. |
$enable-reduced-motion |
true (predeterminado) o false |
Habilita la prefers-reduced-motion
media query, que suprime ciertas animaciones/transiciones basadas en las preferencias del
navegador/sistema operativo de los usuarios. |
$enable-grid-classes |
true (predeterminado) o false |
Permite la generación de clases CSS para el sistema grid (por ejemplo, .row,
.col-md-1, etc. ).
|
$enable-container-classes |
true (predeterminado) o false |
Habilita la generación de clases CSS para contenedores de layout. (Nuevo en v5.2.0) |
$enable-caret |
true (predeterminado) o false |
Habilita el caret de pseudoelemento en .dropdown-toggle. |
$enable-button-pointers |
true (predeterminado) o false |
Agrega un cursor de “mano” a los elementos de botón no deshabilitados. |
$enable-rfs |
true (predeterminado) o false |
Habilita globalmente RFS. |
$enable-validation-icons |
true (predeterminado) o false |
Habilita íconos background-image dentro de entradas de texto y algunos formularios
personalizados para estados de validación. |
$enable-negative-margins |
true o false (predeterminado) |
Permite la generación de utilidades de margen negativo. |
$enable-deprecation-messages |
true (predeterminado) o false |
Establécelo en false para ocultar advertencias al usar cualquiera de los mixins y
funciones obsoletos que se planea eliminar en v6. |
$enable-important-utilities |
true (predeterminado) o false |
Habilita el sufijo !important en clases de utilidad. |
$enable-smooth-scroll |
true (predeterminado) o false |
Aplica scroll-behavior: smooth globalmente, excepto para los usuarios que solicitan
movimiento reducido a través de prefers-reduced-motion
media query |