"Si un trabajador quiere hacer bien su trabajo, primero debe afilar sus herramientas." - Confucio, "Las Analectas de Confucio. Lu Linggong"
Página delantera > Programación > ¿Por qué mis columnas Bootstrap 4 están alineadas verticalmente en lugar de horizontalmente?

¿Por qué mis columnas Bootstrap 4 están alineadas verticalmente en lugar de horizontalmente?

Publicado el 2024-11-16
Navegar:756

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

Inconsistencias en la alineación de columnas de Bootstrap 4

En la transición de Bootstrap 3 a 4, has notado que tus columnas están alineadas verticalmente en lugar de horizontalmente. Esto se puede atribuir a un cambio en el sistema de cuadrícula en Bootstrap 4.

Problema Col-12

En Bootstrap 3, puede ajustar columnas dentro de una fila principal usando la clase "col-12". Esto ya no es válido en Bootstrap 4. Cada nivel de anidamiento tiene su propia fila, así que elimine la clase "col-12" de la fila principal:

TEST

TEST

TEST

TEST

Esto garantizará que las columnas estén alineadas horizontalmente y mantengan su comportamiento esperado. Para obtener más información sobre el anidamiento en Bootstrap, consulte su documentación oficial: https://getbootstrap.com/docs/4.0/layout/grid/#nesting

Último tutorial Más>

Descargo de responsabilidad: Todos los recursos proporcionados provienen en parte de Internet. Si existe alguna infracción de sus derechos de autor u otros derechos e intereses, explique los motivos detallados y proporcione pruebas de los derechos de autor o derechos e intereses y luego envíelos al correo electrónico: [email protected]. Lo manejaremos por usted lo antes posible.

Copyright© 2022 湘ICP备2022001581号-3