13 de janeiro
Código fonte
99 visualizações

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.

Categorias:
Tags:

Um pouco sobre o autor

Matteus Barbosa - Desenvolvedor Web
                               
Trabalho como Desenvolvedor web desde 2013 e atualmente faço parte do quadro da Symplicity. Também atuo em projetos como profissional autônomo. Para saber da minha experiência, acesse meu Currículo, meu Portfólio, a relação de Referências de Clientes ou ainda a Lista de Serviços. As propostas de serviço são iniciadas com conversas informais, seguidas da coleta de requisitos, elaboração do cronograma e por fim a proposta de orçamento. Todas as etapas são acompanhados de perto via ferramenta online e videoconferências. Os pagamentos são registrados com entrega de notas fiscais. Presto serviços de projeto, desenvolvimento e manutenção de sistemas baseados nos mais diversos frameworks.