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-->