Saltar al contenido principal Saltar a la navegación de documentos
Check
in English

Opciones

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

Personalice Bootstrap con nuestro archivo de variables personalizadas incorporado y alterne fácilmente las preferencias globales de CSS con las nuevas $enable-*variables de Sass. Anule el valor de una variable y vuelva a compilar npm run testsegún sea necesario.

Puede encontrar y personalizar estas variables para opciones globales clave en el scss/_variables.scssarchivo de Bootstrap.

Variable Valores Descripción
$spacer 1rem(predeterminado) o cualquier valor > 0 Especifica el valor de espaciador predeterminado para generar mediante programación nuestras utilidades de espaciador .
$enable-rounded true(predeterminado) ofalse Habilita border-radiusestilos predefinidos en varios componentes.
$enable-shadows trueo false(predeterminado) Habilita box-shadowestilos decorativos predefinidos en varios componentes. No afecta a box-shadowlos mensajes utilizados para los estados de enfoque.
$enable-gradients trueo false(predeterminado) Habilita gradientes predefinidos a través background-imagede estilos en varios componentes.
$enable-transitions true(predeterminado) ofalse Habilita correos electrónicos predefinidos transitionen varios componentes.
$enable-reduced-motion true(predeterminado) ofalse Habilita la prefers-reduced-motionconsulta de medios , que suprime ciertas animaciones/transiciones según las preferencias del sistema operativo/navegador de los usuarios.
$enable-grid-classes true(predeterminado) ofalse Habilita la generación de clases CSS para el sistema grid (p. ej .row., .col-md-1, etc.).
$enable-container-classes true(predeterminado) ofalse Habilita la generación de clases CSS para contenedores de diseño. (Nuevo en v5.2.0)
$enable-caret true(predeterminado) ofalse Habilita el signo de intercalación de pseudo elemento en .dropdown-toggle.
$enable-button-pointers true(predeterminado) ofalse Agregue el cursor de "mano" a los elementos de botón no deshabilitados.
$enable-rfs true(predeterminado) ofalse Globalmente habilita RFS .
$enable-validation-icons true(predeterminado) ofalse Habilita background-imageíconos dentro de entradas de texto y algunos formularios personalizados para estados de validación.
$enable-negative-margins trueo false(predeterminado) Permite la generación de utilidades de margen negativo .
$enable-deprecation-messages true(predeterminado) ofalse Establézcalo en falsepara ocultar las advertencias al usar cualquiera de los mixins y funciones en desuso que se planea eliminar en v6.
$enable-important-utilities true(predeterminado) ofalse Habilita el !importantsufijo en las clases de utilidad.
$enable-smooth-scroll true(predeterminado) ofalse Se aplica scroll-behavior: smoothglobalmente, excepto para los usuarios que solicitan movimiento reducido a través de prefers-reduced-motionconsulta de medios