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.