Ir para o conteúdo principal Pular para a navegação de documentos
Check
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 testconforme necessário.

Você pode encontrar e personalizar essas variáveis ​​para as principais opções globais no scss/_variables.scssarquivo 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-radiusem vários componentes.
$enable-shadows trueou false(padrão) Permite estilos decorativos predefinidos box-shadowem vários componentes. Não afeta box-shadows usados ​​para estados de foco.
$enable-gradients trueou false(padrão) Permite gradientes predefinidos por meio background-imagede estilos em vários componentes.
$enable-transitions true(padrão) oufalse Habilita transitions predefinidos em vários componentes.
$enable-reduced-motion true(padrão) oufalse Ativa a prefers-reduced-motionconsulta 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 trueou false(padrão) Habilita a geração de utilitários de margem negativa .
$enable-deprecation-messages true(padrão) oufalse Defina como falsepara 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 !importantsufixo em classes de utilitários.
$enable-smooth-scroll true(padrão) oufalse Aplica -se scroll-behavior: smoothglobalmente, exceto para usuários que solicitam movimento reduzido por prefers-reduced-motionmeio de consulta de mídia