in English
Opções
Personalize rapidamente o Bootstrap com variáveis integradas para alternar facilmente as preferências globais de CSS para controlar estilo e comportamento.
Personalize o Bootstrap com nosso arquivo de variáveis personalizadas integrado e alterne facilmente as preferências globais de CSS com novas $enable-*
variáveis Sass. Substitua o valor de uma variável e recompile npm run test
conforme necessário.
Você pode encontrar e personalizar essas variáveis para as principais opções globais no scss/_variables.scss
arquivo do Bootstrap.
Variável | Valores | Descrição |
---|---|---|
$spacer |
1rem (padrão) ou qualquer valor > 0 |
Especifica o valor de espaçador padrão para gerar programaticamente nossos utilitários de espaçador . |
$enable-rounded |
true (padrão) oufalse |
Habilita estilos predefinidos border-radius em vários componentes. |
$enable-shadows |
true ou false (padrão) |
Permite estilos decorativos predefinidos box-shadow em vários componentes. Não afeta box-shadow s usados para estados de foco. |
$enable-gradients |
true ou false (padrão) |
Permite gradientes predefinidos por meio background-image de estilos em vários componentes. |
$enable-transitions |
true (padrão) oufalse |
Habilita transition s predefinidos em vários componentes. |
$enable-reduced-motion |
true (padrão) oufalse |
Ativa a prefers-reduced-motion consulta de mídia , que suprime certas animações/transições com base nas preferências do navegador/sistema operacional dos usuários. |
$enable-grid-classes |
true (padrão) oufalse |
Habilita a geração de classes CSS para o sistema de grade (ex .row . , .col-md-1 , etc.). |
$enable-container-classes |
true (padrão) oufalse |
Habilita a geração de classes CSS para contêineres de layout. (Novo na v5.2.0) |
$enable-caret |
true (padrão) oufalse |
Habilita o cursor do pseudo elemento em .dropdown-toggle . |
$enable-button-pointers |
true (padrão) oufalse |
Adicione o cursor “mão” a elementos de botão não desativados. |
$enable-rfs |
true (padrão) oufalse |
Habilita globalmente o RFS . |
$enable-validation-icons |
true (padrão) oufalse |
Habilita background-image ícones dentro de entradas textuais e alguns formulários personalizados para estados de validação. |
$enable-negative-margins |
true ou false (padrão) |
Habilita a geração de utilitários de margem negativa . |
$enable-deprecation-messages |
true (padrão) oufalse |
Defina como false para ocultar avisos ao usar qualquer um dos mixins e funções obsoletos que estão planejados para serem removidos no v6 . |
$enable-important-utilities |
true (padrão) oufalse |
Habilita o !important sufixo em classes de utilitários. |
$enable-smooth-scroll |
true (padrão) oufalse |
Aplica -se scroll-behavior: smooth globalmente, exceto para usuários que solicitam movimento reduzido por prefers-reduced-motion meio de consulta de mídia |