tab是什么?
選項卡
如何創(chuàng)建一個簡單的選項卡?
如下.是通過在ul元素中添加uk-tab類創(chuàng)建的。
<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>
結(jié)果如圖
image.png
tab如何垂直放置?
如何將選項卡垂直放置?
添加uk-tab-left類 以及設(shè)置位置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>
結(jié)果如下
image.png