Grilla Flex de Foundation
Clase 6 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
26:09 min - 6

Grilla Flex de Foundation
Viendo ahora - 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
Resumen
Ya vimos cómo funciona el sistema de grillas, ahora veamos cómo usar un sistema de grillas construido con flexbox que trae Foundation.
Algunas características importantes de las grillas flex es:
Alineación horizontal y vertical
Tamaños de columna automáticos
Ordenamiento más sencillo
Veamos cómo usar este nuevo sistema de grillas flex,
Recuerda:
Las versiones minificadas de los archivos son las que se deben subir a producción ya que pasan menos.
Los navegadores muy antiguos no soportan este sistema de grillas.