Grilla de Foundation

Clase 5 de 45Curso de Frontend con Bootstrap y Foundation 2016

Resumen

Lo que debemos hacer primero es descargar Foundation, lo puedes hacer desde su sitio web

Cuando estés descargando por favor asegúrate de seleccionar flex grid porque ésta es la que usa Sasha para el curso.

flex grid.png

Vamos a descargar Foundation for Sites, podemos descargar una versión custom que nos permite personalizar las partes y características que queremos del Framework.

Una parte fundamental del framework es la grilla, que nos permite construir sitios web ordenados.

Las grillas se dividen en filas y columnas, que definimos con clases.

Mira cómo puedes usar la grilla de Foundation correctamente

Recuerda:

  • Podemos crear filas que tengan 12 espacios y en cada columna debes asignar cuánto espacio va a ocupar.

  • Las medidas de dispositivos son small, medium y large

  • El tamaño de las columnas, se aplica al tamaño asignado en adelante, a menos que se defina el tamaño en medidas superiores