List / Table
Verfasst von Super User. Veröffentlicht in Shortcodes
- 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.
<div class="uk-grid uk-grid-divider uk-margin-large" data-uk-grid-margin>
<div class="uk-width-medium-1-4">
<ul class="uk-list uk-list-line">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>
</div>
<div class="uk-width-medium-1-4">
<ul class="uk-list uk-list-striped">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>
</div>
<div class="uk-width-medium-1-4">
<table class="uk-table uk-table-striped uk-table-condensed uk-table-hover">
<caption>Table caption</caption>
<thead>
<tr>
<th>Table</th>
<th>Heading</th>
</tr>
</thead>
<tbody>
<tr>
<td>Table</td>
<td>Data</td>
</tr>
<tr>
<td>Table</td>
<td>Data</td>
</tr>
</tbody>
</table>
</div>
<div class="uk-width-medium-1-4">
<dl class="uk-description-list uk-description-list-line">
<dt>Description lists</dt>
<dd>Description text.</dd>
<dt>Description lists</dt>
<dd>Description text.</dd>
</dl>
</div>
</div>