Flexbox

Establece la dirección de los elementos flexibles en un contenedor flexible con utilidades de dirección

• .flex-row

• .flex-rows

• .flexs-row

Se utilizan en los contenedores de flexbox para cambiar la alineación de los elementos flexibles en el eje principal (Eje "X")

• justifi-content

• justify-content

• justify-contents

Clase que se utiliza en los contenedores de flexbox para cambiar la alineación de los elementos flexibles en el eje transversal (Eje "Y")

• align-ítem

• aling-ítems

• align-ítems

Clase que se utiliza en los elementos de flexbox para cambiar individualmente su alineación en el eje transversal (Eje "Y")

• align-selfs

• align-self

• align-self

Clase que se utiliza en una serie de elementos hermanos para forzarlos en anchos iguales a su contenido mientras ocupa todo el espacio horizontal disponible.

• .flex-fill

• .flexs-fill

• .flex-fills

Clase que se utiliza para alternar la capacidad de un elemento flexible de crecer para llenar el espacio disponible

• .flexs-grow-*

• .flex-grow-*

• .flex-grows-*

Clase para alternar la capacidad de un elemento flexible de encogerse si es necesario.

• .flexs-shrink-*

• .flex-shrinks-*

• .flex-shrink-*

Clase que cambia el orden visual de elementos flexibles específicos con un varias clases

• orden-1

• orders-1

• order-1

Clase que establece una dirección horizontal desde el lado opuesto

• .flex-row-reverse

• .flex-row-reverses

• .flex-rows-reverse