List

List component is used to display list items. It is number of connected items displayed consecutively, typically one below the other.

Semantic Unordered List

  • Item 1
  • Item 2
  • Item 3
  • Item 4
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
view raw unordered list hosted with ❤ by GitHub

Semantic Ordered List

  1. Item 1
  2. Item 2
  3. Item 3
  4. Item 4
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ol>
view raw ordered list hosted with ❤ by GitHub

Basic Spaced List

  • Item 1
  • Item 2
  • Item 3
  • Item 4
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ol>
view raw ordered list hosted with ❤ by GitHub

Stacked List

  • Item 1
  • Item 2
  • Item 3
  • Item 4
<ul class="list-stacked">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
view raw regular list hosted with ❤ by GitHub