<div class="uk-section uk-section-default uk-flex uk-flex-middle" uk-height-viewport>
    <div class="uk-width-1-1">
        <div class="uk-container uk-container-small">

            <div class="uk-width-large uk-margin-auto">

                <h2 class="uk-h5 uk-heading-divider">Default</h2>

                <ul class="uk-subnav" uk-margin>
                    <li class="uk-active"><a href="#">Active</a></li>
                    <li><a href="#">Item</a></li>
                    <li><a href="#">Item</a></li>
                    <li><span>Disabled</span></li>
                </ul>

                <h2 class="uk-h5 uk-heading-divider uk-margin-large-top">Divider</h2>

                <ul class="uk-subnav uk-subnav-divider" uk-margin>
                    <li class="uk-active"><a href="#">Active</a></li>
                    <li><a href="#">Item</a></li>
                    <li><a href="#">Item</a></li>
                    <li><span>Disabled</span></li>
                </ul>

                <h2 class="uk-h5 uk-heading-divider uk-margin-large-top">Pill</h2>

                <ul class="uk-subnav uk-subnav-pill" uk-margin>
                    <li class="uk-active"><a href="#">Active</a></li>
                    <li><a href="#">Item</a></li>
                    <li><a href="#">Item</a></li>
                    <li><span>Disabled</span></li>
                </ul>

            </div>

        </div>
    </div>
</div>