- List Item 1
- Nested List Item 1
- Nested List Item 2
- Nested List Item 3
- List Item 2
- List Item 3
<ul>
<li>List Item 1
<ul>
<li>Nested List Item 1</li>
<li>Nested List Item 2</li>
<li>Nested List Item 3</li>
</ul>
</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ul>
Style: None
- List Item 1
- List Item 2
- List Item 3
<ul class="list-style-none">
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ul>
Style: Underline
- List Item 1
- List Item 2
- List Item 3
<ul class="list-style-underline">
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ul>
Style: Border
- List Item 1
- List Item 2
- List Item 3
<ul class="list-style-border">
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ul>
Icon Lists
The following list styles require the Font Awesome icon library.
Style: Check Icon
- List Item 1
- List Item 2
- List Item 3
<ul class="list-style-icon-1">
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ul>
Style: Checkbox Icon
- List Item 1
- List Item 2
- List Item 3
<ul class="list-style-icon-checkbox">
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ul>
Style: Angle Double Icon
- List Item 1
- List Item 2
- List Item 3
<ul class="list-style-icon-angle-double">
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ul>
Style: Circle Arrow Icon
- List Item 1
- List Item 2
- List Item 3
<ul class="list-style-icon-circle-arrow">
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ul>
Style: Star Icon
- List Item 1
- List Item 2
- List Item 3
<ul class="list-style-icon-star">
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ul>
Style: Pointing Finger Icon
- List Item 1
- List Item 2
- List Item 3
<ul class="list-style-icon-finger">
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ul>
Linear Lists
Display list items in a horizontal list
- List Item 1
- List Item 2
- List Item 3
<ul class="list-style-linear">
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ul>
- List Item 1
- List Item 2
- List Item 3
<ul class="list-style-linear-dots">
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ul>
