zer fundation

[sebacomas]

Hola, estoy trabajando con zerb fundation4 , estoy haciendo un menu con 6 links, cada uno ocupa 2 columnas en un total de 12 columnas ya que el framework trabaja con 12 columnas, pero el problema es que no me deja margen entre los botones sino que cada columna esta pegada una a la otra sin margen entre ellos, y lo que quiero es que tengan un margen, al colocarle yo un margen se cae la estructura.


El menú:

Código HTML:

<!--MENU SUPERIOR-->                
        <nav>
            <div class="row">
                <div class="large-12">
                    <ul id="menu-superior">
                        <a class="" href="<?php echo $ruta;?>index.php">
                            <li class="large-2 first-m visited-m">Home</li>
                        </a>
                        <a class="" href="<?php echo $ruta2;?>logisticaytransporte.php">
                            <li class="large-2 three-m">Logística y Transporte</li>
                        </a>
                        <a class="" href="<?php echo $ruta2;?>cotizacion.php">
                            <li class="large-2 four-m">Pedido de Cotización</li>
                        </a>
                        <a class="" href="<?php echo $ruta2;?>proyectos.php">
                            <li class="large-2 five-m">Proyectos</li>
                        </a>
                        <a class="" href="<?php echo $ruta2;?>novedades.php">
                            <li class="large-2 six-m">Novedades</li>
                        </a>
                        <a class="" href="<?php echo $ruta2;?>contacto.php">
                            <li class="large-2 last-m">Contacto</li>
                        </a>
                    </ul>
                </div>  
            </div>  
        </nav>
<!--FIN MENU SUPERIOR-->
 

[memoadian]

Para empezar no es Zer ni zerb es "ZURB"

y tu estructura esta mal. En la dcumentación viene como

solo es copiar pegar y analizar

siempre que pones large-xx se pone tambien columns

dentro de ul no puede ir directamente a

debe ser
ul li a
no
ul a li

si vas a usar nested se hace así:

div.row
-.large-xx .columns
--div.row
---.large-xx .columns
---.large-xx .columns