描述列表
輕鬆建立美觀的描述列表，有多種樣式。
用法
新增 .uk-description-list 類別，以將術語和描述顯示在彼此下方。
<dl class="uk-description-list">
<dt></dt>
<dd></dd>
</dl>- 描述術語
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- 描述術語
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- 描述術語
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<dl class="uk-description-list">
<dt>Description term</dt>
<dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</dd>
<dt>Description term</dt>
<dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</dd>
<dt>Description term</dt>
<dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</dd>
</dl>
分隔線修飾符
新增 .uk-description-list-divider 類別以在列表項目之間新增水平線。
<dl class="uk-description-list uk-description-list-divider">
<dt></dt>
<dd></dd>
</dl>- 描述術語
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- 描述術語
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- 描述術語
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<dl class="uk-description-list uk-description-list-divider">
<dt>Description term</dt>
<dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</dd>
<dt>Description term</dt>
<dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</dd>
<dt>Description term</dt>
<dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</dd>
</dl>