Muestra las diferencias entre dos versiones de la página.
Ambos lados, revisión anterior Revisión previa | |||
propiedades:awidth [22/12/2019 11:49] 127.0.0.1 editor externo |
propiedades:awidth [29/01/2020 23:35] pedro |
||
---|---|---|---|
Línea 4: | Línea 4: | ||
Materialize divide los contenedores en 12 columnas para distribuir los elementos, nosotros podemos indicar a partir de qué columna lo colocamos (ver [[propiedades:aOffset]]) y la cantidad de columnas que va ha ocupar, de esta manera el navegador irá renderizando la página y si hay espacio colocará juntos en la misma fila varios controles y si no los pasará a la siguiente. | Materialize divide los contenedores en 12 columnas para distribuir los elementos, nosotros podemos indicar a partir de qué columna lo colocamos (ver [[propiedades:aOffset]]) y la cantidad de columnas que va ha ocupar, de esta manera el navegador irá renderizando la página y si hay espacio colocará juntos en la misma fila varios controles y si no los pasará a la siguiente. | ||
- | También hay que saber que Materialize distingue 4 tamaños de pantalla S, M, L y XL (https://materializecss.com/grid.html#grid-responsive) pudiendo decirle como queremos que se vea cada control en casa uno de los tamaños de pantalla, incluso si queremos que no se vea. | + | También hay que saber que Materialize distingue 4 tamaños de pantalla S, M, L y XL (https://materializecss.com/grid.html#grid-responsive) pudiendo decirle como queremos que se vea cada control en cada uno de los tamaños de pantalla, incluso si queremos que no se vea. |
Los valores son en cascada de S a XL de manera que si no damos valor a M, L o XL el control aplicará el valor de S en cada una de las pedidas de pantalla, si le damos valor a M, en tamaño S tendrá su valor y en el resto el de M. | Los valores son en cascada de S a XL de manera que si no damos valor a M, L o XL el control aplicará el valor de S en cada una de las pedidas de pantalla, si le damos valor a M, en tamaño S tendrá su valor y en el resto el de M. |