<

Voyager
Voyager

Lists

A List is a set of text objects in a bulleted or numbered format.

Lists can be ordered (<ol>) or unordered (<ul>). If the order of the list items matters to the user's context, use an ordered list. If the meaning is not changed based on the order of the items in the list, an unordered list should be used.

  1. Ordered list item
  2. Ordered list item
  3. Ordered list item
HTML Copy 

<ol>
    <li>Ordered list item</li>
    <li>Ordered list item</li>
    <li>Ordered list item</li>
</ol>
  • Unordered list item
  • Unordered list item
  • Unordered list item
HTML Copy 

<ul>
    <li>Ordered list item</li>
    <li>Ordered list item</li>
    <li>Ordered list item</li>
</ul>

Unstyled lists

List styles can be removed from ordered and unordered lists by adding .list-unstyled.

  • Unstyled list item
  • Unstyled list item
  • Unstyled list item
ALERT TITLE

Removing the list style will cause that list to no longer be exposed as such to assistive technologies like screen readers. This is to prevent unnecessary announcements to those users, and is intended behavior.