Lists

Old Version

This documentation is for version Framework 4.1. When developing new sites, please refer to 5.0 Framework Documentation.

Skill Level: 
Beginner

Unordered

A list of items in which the order does not explicitly matter.

  • Lucas ipsum dolor sit amet
  • biggs farlax yuzzum chewbacca argazdan
  • kwa jamillia jade sebulba ogemite
    • Ken tusken raider naboo keshiri
    • skywalker organa bormea ev-9d9 sullustan
    • Darth desolous qui-gonn fett ben
  • massassi marek mantell medon.
  • Roos selonian saurin cerean jagged han -lom rugor
<ul>
    <li>...</li>
</ul>

Ordered

A list of items in which the order does explicitly matter.

  1. Lucas ipsum dolor sit amet
  2. biggs farlax yuzzum chewbacca argazdan
  3. kwa jamillia jade sebulba ogemite
<ol>
    <li>...</li>
</ol>

Unstyled

Remove the default list-style and left margin on list items (immediate children only). This only applies to immediate children list items, meaning you will need to add the class for any nested lists as well.

  • Lucas ipsum dolor sit amet
  • biggs farlax yuzzum chewbacca argazdan
  • kwa jamillia jade sebulba ogemite
    • Ken tusken raider naboo keshiri
    • skywalker organa bormea ev-9d9 sullustan
    • Darth desolous qui-gonn fett ben
  • massassi marek mantell medon.
  • Roos selonian saurin cerean jagged han -lom rugor
<ul class="wdn-list-reset">
    <li>...</li>
</ul>

Description

A list of terms with their associated descriptions

Description lists
A description list is perfect for defining terms.
Euismod
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
Donec id elit non mi porta gravida at eget metus.
Malesuada porta
Etiam porta sem malesuada magna mollis euismod.
<dl>
  <dt>...</dt>
  <dd>...</dd>
</dl>
Contributed By: 
IIM