Bootstrap 4 Beta: eliminación y restauración del desplazamiento de columnas

Bootstrap 4, en su versión Beta 1, introdujo cambios significativos en la forma las columnas estaban desplazadas. Sin embargo, con el lanzamiento posterior de Beta 2, estos cambios se revirtieron.

De offset-md-* a ml-auto

En Bootstrap 4 Beta 1, Se eliminaron las clases offset-md-*. En cambio, se animó a los desarrolladores a utilizar la clase .ml-auto para compensar columnas. Sin embargo, este método no proporcionó el mismo nivel de precisión que el enfoque anterior.

Restauración de clases de compensación en Beta 2

Afortunadamente, en Beta 2, las clases de compensación han sido restaurados. La nueva sintaxis utiliza el formato desplazamiento-{punto de interrupción}-, reemplazando la sintaxis anterior col-{punto de interrupción}-desplazamiento-.

Compensación personalizada

Para lograr desplazamientos de columnas personalizados, como el ahora obsoleto

  <div>

Usando ml-auto y mr-auto

Para centrar dos columnas adyacentes, los desarrolladores pueden aplicar ml-auto y mr-auto a ambas columnas.

    <div>

Uso de mx-auto

Para centrar una sola columna, los desarrolladores pueden usar mx-auto para crear márgenes iguales en ambos lados.

Conclusión

La eliminación y restauración de desplazamientos de columnas en Bootstrap 4 ha creado cierta confusión temporal para los desarrolladores. Sin embargo, con la reintroducción de clases de compensación específicas en Beta 2, junto con la disponibilidad de métodos alternativos, los desarrolladores pueden continuar logrando diseños de columnas personalizados en Bootstrap 4.