versão carregada: sexta, 03 de dezembro de 2021

Bootstrap 4: Sem classes pull- e push-?

As classes pull- e push- são responsáveis pela ordenação de colunas no Bootstrap 3. Na versão 4, as classes mudaram, segundo nota na própria documentação. Agora, utilize classes order da seguinte forma: order-{viewport}-{ordem}. Ex: .order-1 junto à classe .order-md-2 para sinalizar que um elemento é apresentado como primeiro no celular, mas vem em segundo lugar em viewports maiores.

Desistimos das classes modificadoras push e pull, em prol das novas classes baseadas na propriedade flexbox order;

Invés de .col-8.push-4 e .col-4.pull-8, você usaria .col-8.order-2 e .col-4.order-1.

Esta é a explcação do próprio website.

Este artigo foi lido 293+ vezes. Obrigado por ler até aqui! Gostou do conteúdo? Fique à vontade pra copiar e compartilhar. Ajude sempre seus colegas. O conhecimento muda vidas!
  • Página no LinkedIn
  • Página no GitHub
  • Perfil Stack Overflow
EnglishPortuguês