La compensación de columnas no funciona (Bootstrap v4.0.0-beta)

Las clases de offset Bootstrap 4 se eliminaron temporalmente en Beta 1, pero se restauraron en Beta 2 .

Los nombres de clase col-{breakpoint}-offset-* fueron reemplazados por offset-{breakpoint}-*

Los nuevos márgenes automáticos también funcionan para que las columnas de desplazamiento muevan la columna tanto como sea posible. Por lo tanto, depende de cuánto desea “empujar” la columna hacia la derecha. Si no hay otras columnas a la derecha del col-md-4 , irá hasta el final si está al lado derecho de la row . Básicamente, el offset fue relevante para las columnas flotantes, pero ya no es relevante ahora que Bootstrap 4 es flexbox.

Si desea mover el col-md-4 en solo 2 unidades de columna, la mejor manera sería usar una columna ficticia / marcador de posición …

 
 
 
 .. 
  

https://www.codeply.com/go/SqrQIOAY7

Si hay otros col-md-4 a la derecha de la primera, entonces ml-auto y mr-auto trabajarían para centrar ambas columnas …

 
 
 . 
 
 . 
  

https://www.codeply.com/go/SqrQIOAY7n

Si desea centrar el col-md-4 , simplemente use mx-auto para crear márgenes iguales en ambos lados .

Nota: los desplazamientos de columna específicos se restaurarán a partir de Beta 2

Cambiando

 offset-md-2 

a:

 col-md-offset-2 

Trabajó para mi

ml-md-auto establece margin-left: auto; para tamaños md y superiores.

No puede establecer eso en algo como 2 .

Necesitas hacer ml-md-auto .