zurb-foundation - Foundation 4 - セクション - センタリング タブ

Question

問題:中央揃えの 6 つのタブを連続して作成しようとしていますが、6 つのタブすべてを同じ行に配置することはできません。タブを中央に配置しますが、2 つのタブを 1 行下に押し込み、最初の行に余分な空のセルを残します。

small-centered を使用してみましたが、違いはありませんでした。

バージョン: Foundation 4

ブラウザ: Chrome - 最新

コード

<div class="row">
    <div class="large-6 large-centered  columns">
        <div class="section-container horizontal-nav" data-section="horizontal-nav" >
            <section class="section">
                <p class="title"><a href="#">Tab 1</a></p>
            </section>
            <section class="section">
                <p class="title"><a href="#">Tab 2</a></p>
            </section>
            <section class="section">
                <p class="title"><a href="#">Tab 3</a></p>
            </section>
            <section class="section">
                <p class="title"><a href="#">Tab 4</a></p>
            </section>
            <section class="section">
                <p class="title"><a href="#">Tab 5</a></p >
            </section>
            <section class="section">
                <p class="title"><a href="#">Tab 6</a></p>
            </section>
        </div>
    </div>
</div>