960 grif

960

GRID

960 G S

En ambas variantes las columnas que se
consiguen tienen un margen a cada lado
rid
ystem lleva este
de 10 píxeles, por lo que si colocamos dos
nombre porque es un sistema derejilla para
columnas, una al lado de otra, entre los
hacer páginas con 960 píxeles de ancho.
márgenes de las dos a la vez, obtendremos
Las columnas que podremos colocar en
una separación de 20 píxelesentre ellas.
la rejilla tendrán distintas anchuras, pero
siempre el ancho total de la página será de
960 píxeles. Se ha elegido este valor porque
960 es divisible por una buena cantidad de
números, lo quelo hace más versátil para
poder alcanzar páginas resultantes de la
más variada gama.

variantes
El propio framework dispone de dos
variantes distintas, para hacer páginas
utilizando 12 ó 16 columnas.No es que
necesitemos utilizar todas las columnas
disponibles para realizar la maquetación,
sino que la rejilla tendrá esas divisiones
verticales donde podemos situar los
elementos. La variante de 12columnas
da menos posibilidades para repartir los
espacios, pero en muchos de los casos
será más que suficiente para crear cualquier
estructura de página. En cuanto a la variante
de 16 columnas, dauna gama mayor de
posibles anchos para las columnas, que
puede ser necesaria en diseños con un
nivel de detalle más alto.

D imenciones
EL grid de 12 columas esta dividido en
porciones que son de 60pixeles de ancho.
El de 16 tiene cosiste en un incremento de
40 pixeles. Cada columna tiene 10 pixeles
de margen a la izquierda y derecha, lo que
crea un margen de 20 pixels de ancho
entre cadacolumna.

Responsive
Web
El diseño responsivo de la web , es un
avance
innovador en el desarrollo y
diselo de los websites. Esencialmente, los
websites son diseñados y progrmados para
funcionar y ser usadoscompletamente en
dispositivos moviles.
Apesar de que el diseño resposivo de la
web ha sido usado en los ultimos años, no
es hasta el 2012 que esto tomo auge
debido al incremento de uso de tablets y...