html - 如何在 Foundation 6 中内联列表 ul？

Question

在 Foundation 6(F5 有一个“inline-list”类)中，我似乎找不到内联列表“ul”的正确方法(它是 li 元素，因此它们水平显示而不是垂直显示)

    <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 元素添加类“菜单”会使其全宽，从而失去将 ul 正确居中对齐的能力(我希望能够将 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#