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.
Tal vez te interese
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 transition s 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 |