Foundation

# FOUNDATION
Se compone de un GRID de 12 celdas.Ejemplo:
<div class="row">
    <div class="medium-3 columns"></div>
    <div class="medium-6 columns"></div>
    <div class="medium-3 columns"></div>
  </div>

# TAMAÑOS RESPONSIVE
small - medium - large
Sera el tamaño minimo desde el que sera responsive, sino hara blocks. la combinacion debe sumar 12,
sino fijar cual es la ultima row con .end

# CENTRAR COLUMNA (Tamaño < 12)
class="small-3 small-centered columns"

# ALTERAR ORDEN COLUMNAS
Usamos PUSH y PULL, para mover delante y atras.
 <div class="small-10 small-push-2 columns">Aparece 2º</div>
 <div class="small-2 small-pull-10 columns">Aparece 1º</div>
 
# SIN DECLARAR TAMAÑO
Si no mencionamos un tamaño de columna, cogerá el espacio restante en esas 12 celdas.
Además, si usamos .shrink, la columna ocupara solo espacio necesario en funcion de su contenido
class="shrink columns"

# IMAGENES POR BLOQUE
class="small-block-grid-2 medium-block-grid-3 large-block-grid-4"
^(CVS|SCCS|vssver.?\.scc|#.*#|%.*%|_svn)$|~$|^\.(git|hg|svn|cache|DS_Store)$|^Thumbs.db$





FUENTE: http://foundation.zurb.com/sites/docs/grid.html