Estoy usando Boostrap 4 (Bootstrap v4.0.0-beta) Beta y enfrentando problemas con columnas de compensación. Anteriormente solía hacer offset-md- * y estaba funcionando, con BS4 Beta esto se elimina de acuerdo con los documentos. El nuevo método mencionado en documentos utiliza .ml-auto , cuando bash usarlo con col-md-4 , se compensa con 4 columnas. Lo que quiero es una compensación personalizada como
****
Intenté usar
****
pero no funcionó. ¿Esto es un error o hay otra forma de hacerlo?
Aquí hay documentos oficiales sobre la compensación de https://getbootstrap.com/docs/4.0/layout/grid/#offsetting-columns
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
.