List

Unordered list

  • Apples
  • Oranges
  • Strawberries
  • Apples
  • Oranges
  • Strawberries
  • Apples
  • Oranges
  • Strawberries
 
<ul class="nxt-list small">
  <li>Apples</li>
  <li>Oranges</li>
  <li>Strawberries</li>
</ul>

<ul class="nxt-list medium">
  <li>Apples</li>
  <li>Oranges</li>
  <li>Strawberries</li>
</ul>

<ul class="nxt-list large">
  <li>Apples</li>
  <li>Oranges</li>
  <li>Strawberries</li>
</ul>

Ordered list

  1. Apples
  2. Oranges
  3. Strawberries
  1. Apples
  2. Oranges
  3. Strawberries
  1. Apples
  2. Oranges
  3. Strawberries
 
<ol class="nxt-list small">
  <li>Apples</li>
  <li>Oranges</li>
  <li>Strawberries</li>
</ol>
<ol class="nxt-list medium">
  <li>Apples</li>
  <li>Oranges</li>
  <li>Strawberries</li>
</ol>
<ol class="nxt-list large">
  <li>Apples</li>
  <li>Oranges</li>
  <li>Strawberries</li>
</ol>

Ordered list with circle

  1. Apples
  2. Oranges
  3. Strawberries
  1. Apples
  2. Oranges
  3. Strawberries
  1. Apples
  2. Oranges
  3. Strawberries
 
<ol class="nxt-list ordered-circle small">
  <li>Apples</li>
  <li>Oranges</li>
  <li>Strawberries</li>
</ol>

<ol class="nxt-list ordered-circle medium">
  <li>Apples</li>
  <li>Oranges</li>
  <li>Strawberries</li>
</ol>

<ol class="nxt-list ordered-circle large">
  <li>Apples</li>
  <li>Oranges</li>
  <li>Strawberries</li>
</ol>

Nested list

  1. Apples
    • Fuji
    • Granny Smith
    • Braeburn
  2. Oranges
  3. Strawberries
 
<ol class="nxt-list">
  <li>
    Apples
    <ul class="nxt-list">
      <li>Fuji</li>
      <li>Granny Smith</li>
      <li>Braeburn</li>
    </ul>
  </li>
  <li>Oranges</li>
  <li>Strawberries</li>
</ol>