tab是什么？

选项卡

如何创建一个简单的选项卡？

如下.是通过在ul元素中添加uk-tab类创建的。

<ul class="uk-tab" data-uk-tab>
    <li class="uk-active"><a href="">Active</a></li>
    <li><a href="">Item</a></li>
    <li><a href="">Item</a></li>
    <li class="uk-disabled"><a href="">Disable</a></li>
</ul>

结果如图

image.png

tab如何垂直放置？

如何将选项卡垂直放置？
添加uk-tab-left类 以及设置位置uk-width-1-2即可

<ul class="uk-tab uk-tab-left uk-width-1-2" data-uk-tab>
    <li class="uk-active"><a href="">Active</a></li>
    <li><a href="">Item</a></li>
    <li><a href="">Item</a></li>
    <li class="uk-disabled"><a href="">Disable</a></li>
</ul>

结果如下

image.png