Grilla


El Kit Digital UC incluye una grilla de 12 columnas en Flexbox que utiliza los estilos del Framework de Front-end Boostrap 4. A continuación algunos ejemplos de distribucón de la grilla. Para más detalles y uso de clases responsive, revisa la documentación de las grillas de Bootstrap.

Ejemplos de grilla

Ejemplo de grilla de 12 columnas. La clase .container es el contenedor principal, que centra las columnas en un ancho de 1246px en Desktop. Si se requiere usar el 100% del ancho del viewport, se debe cambiar esa clase por .container-fluid

En este caso, se muestran 3 columnas de diferente ancho.

Aquí se pueden ver diferentes combinaciones de anchos de columna.