List Styles

Default Unordered List

• Item 1
• Item 2

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
</ul>

---

Unstyled Unordered List

• Item 1
• Item 2

<ul class="unstyled">
  <li>Item 1</li>
  <li>Item 2</li>
</ul>

---

Inline Unordered List

• Item 1
• Item 2
• Item 3
• Item 4
• Item 5
• Item 6

<ul class="inline-list">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
  <li>Item 6</li>
</ul>

---

Default Ordered List

1. Item 1
2. Item 2

<ol class="unstyled">
  <li>Item 1</li>
  <li>Item 2</li>
</ol>

---

Branded Unordered List

• Item 1
• Item 2

<ul class="cui-brand">
  <li>Item 1</li>
  <li>Item 2</li>
</ul>

---

Small Branded Unordered List

• Item 1
• Item 2

<ul class="cui-brand small">
  <li>Item 1</li>
  <li>Item 2</li>
</ul>

---

Branded Inline Unordered List

• Item 1
• Item 2
• Item 3
• Item 4
• Item 5
• Item 6

<ul class="inline-list cui-brand">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
  <li>Item 6</li>
</ul>