Tabs / Subnav

  1. <div class="uk-grid" data-uk-grid-margin>
  2.  
  3. <div class="uk-width-medium-1-3">
  4.  
  5. <ul class="uk-subnav uk-subnav-line">
  6. <li class="uk-active"><a href="#">Active</a></li>
  7. <li><a href="#">Item</a></li>
  8. <li><span>Disabled</span></li>
  9. </ul>
  10.  
  11. </div>
  12. <div class="uk-width-medium-1-3">
  13.  
  14. <ul class="uk-subnav uk-subnav-pill">
  15. <li class="uk-active"><a href="#">Active</a></li>
  16. <li><a href="#">Item</a></li>
  17. <li><span>Disabled</span></li>
  18. </ul>
  19.  
  20. </div>
  21. <div class="uk-width-medium-1-3">
  22.  
  23. <ul class="uk-tab" data-uk-tab>
  24. <li class="uk-active"><a href="#">Active</a></li>
  25. <li><a href="#">Item</a></li>
  26. <li class="uk-disabled"><a href="#">Disabled</a></li>
  27. </ul>
  28.  
  29. </div>
  30.  
  31. </div>