Lists

Unordered List

  • List item
  • List item
  • List item
  • List item

<ul>
  <li>List item</li>
  <li>List item</li>
  <li>List item</li>
  <li>List item</li>
</ul>

Ordered List

  1. List item
  2. List item
  3. List item
  4. List item

<ol>
  <li>List item</li>
  <li>List item</li>
  <li>List item</li>
  <li>List item</li>
</ol>

Unstyled List

  • List item
  • List item
  • List item
  • List item

<ul class="list-unstyled">
  <li>List item</li>
  <li>List item</li>
  <li>List item</li>
  <li>List item</li>
</ul>

Dash List

  • List item
  • List item
  • List item
  • List item

<ul class="list-dash">
  <li>List item</li>
  <li>List item</li>
  <li>List item</li>
  <li>List item</li>
</ul>

Inline List

  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item

<ul class="list-inline-lg">
  <li>List item</li>
  <li>List item</li>
  <li>List item</li>
  <li>List item</li>
</ul>
<ul class="list-inline">
  <li>List item</li>
  <li>List item</li>
  <li>List item</li>
  <li>List item</li>
</ul>
<ul class="list-inline-sm">
  <li>List item</li>
  <li>List item</li>
  <li>List item</li>
  <li>List item</li>
</ul>

Inline List - Dash

  • List item
  • List item
  • List item
  • List item

<ul class="list-inline-dash">
  <li>List item</li>
  <li>List item</li>
  <li>List item</li>
  <li>List item</li>
</ul>

Inline List - Slash

  • List item
  • List item
  • List item
  • List item

<ul class="list-inline-slash">
  <li>List item</li>
  <li>List item</li>
  <li>List item</li>
  <li>List item</li>
</ul>

Inline List - Vertical Bar

  • List item
  • List item
  • List item
  • List item

<ul class="list-inline-vbar">
  <li>List item</li>
  <li>List item</li>
  <li>List item</li>
  <li>List item</li>
</ul>

© 2020 FlaTheme, All Rights Reserved.