"Se um trabalhador quiser fazer bem o seu trabalho, ele deve primeiro afiar suas ferramentas." - Confúcio, "Os Analectos de Confúcio. Lu Linggong"
Primeira página > Programação > Como empilhar o bootstrap 4 divs no celular e organizá-los lado a lado na área de trabalho?

Como empilhar o bootstrap 4 divs no celular e organizá-los lado a lado na área de trabalho?

Postado em 2025-03-22
Navegar:899

How to Stack Bootstrap 4 Divs on Mobile and Arrange Them Side-by-Side on Desktop?

reposicionando as divs com bootstrap 4: empilhado no celular, lado a lado no desktop

você deseja reordenar o bootstrap divs e colocá-los lateral-by-side no lado Desktop.

Solução:

  1. desabilitar o Flexbox para larguras maiores:
    Bootstrap 4's Flexbox atribui alturas iguais às colunas. Para evitar isso, desative o FlexBox para as larguras maiores que o meio. (A). Nesse caso, defina o pedido da primeira coluna como 1 (Ordem-1) e o pedido da segunda coluna como 0 (ordem-0). Isso colocará A abaixo B no celular, mantendo seu arranjo lado a lado no desktop.
Tutorial mais recente Mais>

Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.

Copyright© 2022 湘ICP备2022001581号-3