List / Table

  • List item 1
  • List item 2
  • List item 3
  • List item 1
  • List item 2
  • List item 3
Table caption
Table Heading
Table Data
Table Data
Description lists
Description text.
Description lists
Description text.
  1. <div class="uk-grid uk-grid-divider uk-margin-large" data-uk-grid-margin>
  2. <div class="uk-width-medium-1-4">
  3.  
  4. <ul class="uk-list uk-list-line">
  5. <li>List item 1</li>
  6. <li>List item 2</li>
  7. <li>List item 3</li>
  8. </ul>
  9.  
  10. </div>
  11.  
  12. <div class="uk-width-medium-1-4">
  13.  
  14. <ul class="uk-list uk-list-striped">
  15. <li>List item 1</li>
  16. <li>List item 2</li>
  17. <li>List item 3</li>
  18. </ul>
  19.  
  20. </div>
  21. <div class="uk-width-medium-1-4">
  22.  
  23. <table class="uk-table uk-table-striped uk-table-condensed uk-table-hover">
  24. <caption>Table caption</caption>
  25. <thead>
  26. <tr>
  27. <th>Table</th>
  28. <th>Heading</th>
  29. </tr>
  30. </thead>
  31. <tbody>
  32. <tr>
  33. <td>Table</td>
  34. <td>Data</td>
  35. </tr>
  36. <tr>
  37. <td>Table</td>
  38. <td>Data</td>
  39. </tr>
  40. </tbody>
  41. </table>
  42.  
  43. </div>
  44. <div class="uk-width-medium-1-4">
  45.  
  46. <dl class="uk-description-list uk-description-list-line">
  47. <dt>Description lists</dt>
  48. <dd>Description text.</dd>
  49. <dt>Description lists</dt>
  50. <dd>Description text.</dd>
  51. </dl>
  52.  
  53. </div>
  54. </div>