Skip to main content

List

A list organizes information into discrete sequential sections.

Unordered list

  • List item 1
  • List item 2
  • List item 3
    • Nested list item 1
    • Nested list item 2
Example HTML usage: 
<!--Unordered list -->
<ul>
  <li>List item 1</li>
  <li>List item 2</li>
  <li>
    List item 3
    <ul>
      <li>Nested list item 1</li>
      <li>Nested list item 2</li>
    </ul>
  </li>
</ul>

Ordered list

  1. List item 1
  2. List item 2
  3. List item 3
    1. Nested list item 1
    2. Nested list item 2
Example HTML usage: 
<!--Ordered list -->
<ol>
  <li>List item 1</li>
  <li>List item 2</li>
  <li>
    List item 3
    <ol>
      <li>Nested list item 1</li>
      <li>Nested list item 2</li>
    </ol>
  </li>
</ol>

Unstyled list

  • List item 1
  • List item 2
  • List item 3
Example HTML usage: 
<!--Unstyled list-->
<ul class="list-unstyled">
  <li>List item 1</li>
  <li>List item 2</li>
  <li>List item 3</li>
</ul>