Contenedor

Contenedor que permite centrar el contenido en diferentes tamaños de pantalla, ocupando el 70% en equipos con pantallas de más de 1030px, entre 770px y 1030px ocupa un 75%, entre 400px y 770px 80% y menores a 400px ocupa un 90% del contenedor padre.

Medida Español Inglés Porcentaje
XS .contenedor .container 90%
S .contenedor .container 80%
M .contenedor .container 75%
L .contenedor .container 70%

Ejemplo Contenedor

Un ejemplo de la utilización del contenedor, se toma un DIV con un determinado padding y se lo envuelve en un contenedor para centrarlo en pantalla.

Esto es un DIV Centrado 
        

            

                Esto es un DIV Centrado
Si achican el tamaño de la pantalla desde donde están viendo la documentación van a notar como el contenedor aumenta su tamaño proporcionalmente para ocupar más espacio y adaptarse de manera correcta a la pantalla.
`r`n