Grilla de Foundation
Clase 5 de 45 • Curso de Frontend con Bootstrap y Foundation 2016
Contenido del curso
Bienvenido al curso
Foundation
- 4

Presentación del proyecto para Foundation
08:45 min - 5

Grilla de Foundation
Viendo ahora - 6

Grilla Flex de Foundation
20:33 min - 7

Foundation Icon Fonts 3
09:32 min - 8

Títulos en Foundation
06:35 min - 9

Barra de menú en Foundation
14:18 min - 10

Botones en Foundation
07:23 min - 11

Tabs con Foundation
18:24 min - 12

Carrousel en Foundation con Orbit
09:52 min - 13

Tablas de precio con Foundation
22:26 min - 14

Igualar alto de columnas en Foundation
05:27 min - 15

Contenido responsive con Foundation
20:10 min - 16

Formularios con Foundation
14:15 min - 17

Validación de formularios con Foundation
08:04 min - 18

Navegación avanzada con Foundation
05:50 min - 19

Barra de navegación fija con Foundation
07:12 min - 20

Modificando Tabs en Foundation
13:05 min - 21

Menú offcanvas con Foundation
21:52 min - 22

Menú Drilldown con Foundation
04:52 min - 23

Obteniendo datos del formulario
07:35 min
Bootstrap
- 24

Presentación del proyecto de Bootstrap
11:49 min - 25
Bootstrap lanzó su versión v4.0.0-alpha.6
01:12 min - 26

Contenedores en Bootstrap
07:45 min - 27

Grillas en Bootstrap
10:32 min - 28

Grillas Flex con Bootstrap
11:21 min - 29

Barra de navegación con Bootstrap
12:02 min - 30

Navegación responsive con Bootstrap
18:49 min - 31

Carousel con Bootstrap
11:00 min - 32

Imágenes responsivas con Bootstrap
07:11 min - 33

Formularios con Bootstrap
24:49 min - 34

Modals en Bootstrap
24:43 min - 35

Breadcrumbs con Bootstrap
09:56 min - 36

Filtros con Bootstrap
25:21 min - 37

Cards con Bootstrap
21:04 min
Conclusiones
Contenido complementario
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.

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