Los contenedores estan divididos en 3 tipos contenedores, contenedores-(pq,md, gn, xgn y xxgn) y contenedor-100.
Este contenedor pemite irse adaptando en cada uno de los "breakpoints", que es nada mas y nada menos, las resoluciones predefinidas que son:
pq: Tamaño <= 540px
md: Tamaño <= 720px
gn: Tamaño <= 960px
xgn: Tamaño <= 1200px
xxg: Tamaño <= 1400px
Al alcanzar uno de estos puntos de quiebre el contenedor se adapta 250px menos que su tamaño actual esto para que no se desborde, pero al llegar a 540px su tamaño sera del 100% del espacio disponible en el contenedor padre. Se declara en la clase como "contenedor."
Estos contenedores se comportan de la siguiente manera, cuando son mayores que su resolucion minima se adapta 250px menos que sus breakpoints, pero al llegar a su propio breakpoints, toma un valor de 100% en la pantalla de espacio disponible
Al alcanzar uno de estos puntos de quiebre el contenedor se adapta 250px menos que su tamaño actual esto para que no se desborde, pero al llegar a 540px su tamaño sera del 100% del espacio disponible en el contenedor padre. Se declara en la clase como "contenedor-{Cualquier subfijo ya sea pq,md etc}" pero esto sin incluir los corchetes.
Este contenedor pemite alcanzar el 100% del contenedor padre, quitando todo tipo de margin, padding abarcando todo el espacio disponible, util para ser un container principal o un divo donde se necesite ocupar el 100% del tamaño disponible.
El uso de filas y columnas hace que el maqueto de una pagina web sea mucho mas responsive, en esta libreria te proporcionamos un modelado de columnas y filas donde, se debe crear primero un contenedor padre con la propiedad "fila" ejemplo utilizando un div <div class="fila"></div> en donde ira definido tambien el modelo de columnas de la siguiente manera: <div class="fila columna-5"></div> donde cada elemento que se encuentre en el div se adpatara al modelo de 5 columnas, las filas son generadas automaticamente. Los tipos de columnas que existen son los siguientes:
columna-5: Se generan 5 columnas
columna-4: Se generan 4 columnas
columna-3: Se generan 3 columnas
columna-2: Se generan 2 columnas
columna-1: Se genera una sola columna
Las columnas al encontrarse con los "puntos de quiebre" mencionados anteriormente, se van adaptando de uno en uno, ejemplo al llegar al primer punto de quiebre se tiene una columna de tamaño 5, esta se reducira a 4 y asi sucesivamente hasta solo quedar 1 columna.