Lists

Lists are continuous, vertical indexes of text or images. We have Spaced Lists and Stacked Lists below.

Spaced Lists

These are list items aligned horizontally with consistent spacing.
Use the class spaced-lists in the <ul> tag.

Here are some spaced list items:
  • Item 1
  • Item 2
  • Item 3

<!-- add class="spaced-lists" in the <ul> tag-->
<ul class="spaced-lists">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>

Stacked Lists

These are list items aligned vertically with consistent spacing.
Use the class stacked-lists in the <ul> tag.

Here are some spaced list items:
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5

<!-- add class="stacked-lists" in the <ul> tag-->
<ul class="stacked-lists">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>
< Grids Modals >