"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 > Por que minhas colunas do Bootstrap 4 estão alinhadas verticalmente em vez de horizontalmente?

Por que minhas colunas do Bootstrap 4 estão alinhadas verticalmente em vez de horizontalmente?

Publicado em 2024-11-16
Navegar:386

Why Are My Bootstrap 4 Columns Vertically Aligned Instead of Horizontally?

Inconsistências de alinhamento de coluna do Bootstrap 4

Na transição do Bootstrap 3 para 4, você notou que suas colunas estão alinhadas verticalmente em vez de horizontalmente. Isso pode ser atribuído a uma mudança no sistema de grade no Bootstrap 4.

Problema Col-12

No Bootstrap 3, você pode agrupar colunas dentro de uma linha pai usando a classe "col-12". Isso não é mais válido no Bootstrap 4. Cada nível de aninhamento tem sua própria linha, então remova a classe "col-12" da linha pai:

TEST

TEST

TEST

TEST

Isso garantirá que as colunas estejam alinhadas horizontalmente e mantenham o comportamento esperado. Para obter mais informações sobre aninhamento no Bootstrap, consulte a documentação oficial: https://getbootstrap.com/docs/4.0/layout/grid/#nesting

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