Как встраивать список ul в Foundation 6?

Question

я не могу показаться, чтобы найти правильный путь к строковому списку с «ул» (и это Lī элементы, поэтому они появляются горизонтально, а не вертикально) в фонде 6 (F5 имеет «встроенный-лист» класс)

<footer class="text-center"> 
    <div class="row" id="footer-nav"> 
     <div class="columns large-3 medium-3"> 
      <h4>Footer nav area 1</h4> 
      <ul> 
       <li><a href="/">Nav link 1</a></li> 
       <li><a href="/">Nav link 2</a></li> 
       <li><a href="/">Nav link 3</a></li> 
      </ul> 
     </div> 

     <div class="columns large-3 medium-3"> 
      <h4>Footer nav area 1</h4> 
      <ul> 
       <li><a href="/">Nav link 1</a></li> 
       <li><a href="/">Nav link 2</a></li> 
       <li><a href="/">Nav link 3</a></li> 
      </ul> 
     </div> 

     <div class="columns large-3 medium-3"> 
      <h4>Footer nav area 1</h4> 
      <ul> 
       <li><a href="/">Nav link 1</a></li> 
       <li><a href="/">Nav link 2</a></li> 
       <li><a href="/">Nav link 3</a></li> 
      </ul> 
     </div> 

     <div class="columns large-3 medium-3"> 
      <h4>Footer nav area 1</h4> 
      <ul> 
       <li><a href="/">Nav link 1</a></li> 
       <li><a href="/">Nav link 2</a></li> 
       <li><a href="/">Nav link 3</a></li> 
      </ul> 
     </div> 

    </div>   

    <hr class="footer-divider"> 

    <div class="row" id="footer-social-company">      
     <div class="columns large-12 medium-12"> 
      <!-- how to center align the following ul? --> 
      <ul class="menu align-center" id="social-list"> 
       <li><a href="#">twitter</a></li> 
       <li><a href="#">google+</a></li> 
       <li><a href="#">facebook</a></li> 
       <li><a href="#">linkedin</a></li>      
      </ul> 

      <div class="" id="company">© My Company</div> 
     </div> 
    </div>     

</footer> 

ОК, так что я нашел это: http://foundation.zurb.com/forum/posts/36854-where-is-inline-list-in-foundation-6

Но добавление «меню» класса к элементу UL делает его полную ширину, теряя способность к центру выровнять ул правильно (я хочу, чтобы иметь возможность точно центрировать ул). В соответствии с документами вы можете левым или правым выравниванием, но не выравнивать по центру? http://foundation.zurb.com/sites/docs/menu.html#item-alignment

Спасибо за помощь

Answer 1

Они изменили его .menu.simple

<ul class="menu simple"> 

http://foundation.zurb.com/sites/docs/menu.html#

Answer 2

Что сработало использует следующие на родительском DIV выше ул:

<div class="columns large-4 medium-4 large-centered small-centered">