Você está usando um navegador desatualizado. Para a visualização correta, atualize seu navegador:

Mapa do site


SimpleUi

Atualizando

Código para Alternância de classe Download

? - +
  1. Adicione a classe ui_toggleclass no elemento que alternará entre classes de acordo com a largura da tela.
  2. No mesmo elemento, coloque o atributo data-wbreakups com os seus breakpoints, que são os conjuntos de classes para cada largura de tela (em pixels).
    • Os breakpoints são separados por ponto-e-virgula (;). Já a separação entre largura e classe em cada breakpoints é feita por dois pontos (:), ex: data-wbreakups="768:red;1200:blue".
    • Existem valores notáveis para representar a largura, são eles: sm=576, md=768, lg=992 e xl=1200.
  3. O elemento ficará sem classe quando a largura de tela for menor do que a largura definida para a primeira classe do breakpoint.
    • Se for necessário delegar uma classe para ser aplicada abaixo do primeiro breakpoint, use data-class-default e insira a classe desejada.
Customizar


Classes e larguras

Alternar entre classes:
  • a partir de pixels de largura.
  • a partir de pixels de largura.
  • a partir de pixels de largura.
  • a partir de pixels de largura.
Use valores notáveis para largura: sm=576, md=768, lg=992 e xl=1200.

Classe padrão

quando a largura for menor do que a largura da primeira classe.
Tem certeza que deseja reiniciar todos os valores?

Resultado para Alternância de classe