Skip to main content Skip to docs navigation

Opciones

Personaliza rápidamente Bootstrap con variables integradas para alternar fácilmente las preferencias globales de CSS para controlar el estilo y el comportamiento.

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 Values Description
$spacer 1rem (default), o cualquier valor > 0 Especifica el valor de espaciador predeterminado para generar mediante programación nuestras utilidades de espaciador.
$enable-rounded true (default) o false Habilita estilos border-radius predefinidos en varios componentes.
$enable-shadows true o false (default) Habilita estilos decorativos predefinidos de box-shadow en varios componentes. No afecta a los box-shadow que se utilizan para los estados de enfoque.
$enable-gradients true o false (default) Habilita gradientes predefinidos a través de estilos de background-image en varios componentes.
$enable-transitions true (default) o false Habilita transitions predefinidas en varios componentes.
$enable-reduced-motion true (default) o false Habilita las prefers-reduced-motion media query, que suprime ciertas animaciones/transiciones basadas en las preferencias del usuario en el navegador/sistema operativo.
$enable-grid-classes true (default) o false Habilita la generación de clases CSS para el sistema de cuadrícula (por ejemplo, .row, .col-md-1, etc.).
$enable-container-classes true (default) o false Habilita la generación de clases CSS para contenedores de diseño. (Nuevo en v5.2.0)
$enable-caret true (default) o false Habilita el icono caret del pseudo elemento en .dropdown-toggle.
$enable-button-pointers true (default) o false Agregue el cursor de “mano” a los elementos de botón no deshabilitados.
$enable-rfs true (default) o false Habilita globalmente RFS.
$enable-validation-icons true (default) o false Habilita los íconos de background-image dentro de los inputs de texto y algunos formularios personalizados para los estados de validación.
$enable-negative-margins true o false (default) Habilita la generación de utilidades de margen negativo.
$enable-deprecation-messages true (default) o false Establécelo en false para ocultar las advertencias al usar cualquiera de los mixins y funciones en desuso que se planea eliminar en v6.
$enable-important-utilities true (default) o false Habilita el sufijo !important en las clases de utilidad.
$enable-smooth-scroll true (default) o false Aplica scroll-behavior: smooth globalmente, excepto para los usuarios que solicitan un movimiento reducido a través de la media query prefers-reduced-motion