ListsLists

Ordered listsOrdered lists

  1. Nulla Facilisi. Duis Aliquet Egestas
  2. Nullam In Dui Mauris. Vivamus Hendrerit
    1. Donec Congue Lacinia Dui, A Porttitor Lectus
    2. Ut In Nulla Enim. Phasellus
    3. Vestibulum Ante Ipsum Primis
      1. Nullam In Dui
      2. Praesent Id Metus Massa, Ut Blandit
  3. Lorem Ipsum Dolor Sit
  4. Proin Quis Tortor Orci. Etiam At
  5. Curabitur Vulputate, Ligula Lacinia Scelerisque

  <ol>
    <li>Nulla Facilisi. Duis Aliquet Egestas</li>
    <li>Nullam In Dui Mauris. Vivamus Hendrerit
      <ol>
        <li>Donec Congue Lacinia Dui, A Porttitor Lectus</li>
        <li>Ut In Nulla Enim. Phasellus</li>
        <li>Vestibulum Ante Ipsum Primis
          <ol>
            <li>Nullam In Dui</li>
            <li>Praesent Id Metus Massa, Ut Blandit</li>
          </ol>
        </li>
      </ol>
    </li>
    <li>Lorem Ipsum Dolor Sit</li>
    <li>Proin Quis Tortor Orci. Etiam At</li>
    <li>Curabitur Vulputate, Ligula Lacinia Scelerisque</li>
  </ol>

Unordered listsUnordered lists

  • Nulla Facilisi. Duis Aliquet Egestas
  • Nullam In Dui Mauris. Vivamus Hendrerit
    • Donec Congue Lacinia Dui, A Porttitor Lectus
    • Ut In Nulla Enim. Phasellus
    • Vestibulum Ante Ipsum Primis
      • Nullam In Dui
      • Praesent Id Metus Massa, Ut Blandit
  • Lorem Ipsum Dolor Sit
  • Proin Quis Tortor Orci. Etiam At
  • Curabitur Vulputate, Ligula Lacinia Scelerisque

  <ul>
    <li>Nulla Facilisi. Duis Aliquet Egestas</li>
    <li>Nullam In Dui Mauris. Vivamus Hendrerit
      <ul>
        <li>Donec Congue Lacinia Dui, A Porttitor Lectus</li>
        <li>Ut In Nulla Enim. Phasellus</li>
        <li>Vestibulum Ante Ipsum Primis
          <ul>
            <li>Nullam In Dui</li>
            <li>Praesent Id Metus Massa, Ut Blandit</li>
          </ul>
        </li>
      </ul>
    </li>
    <li>Lorem Ipsum Dolor Sit</li>
    <li>Proin Quis Tortor Orci. Etiam At</li>
    <li>Curabitur Vulputate, Ligula Lacinia Scelerisque</li>
  </ul>

Definition listsDefinition lists

Proin Quis Tortor Orci
Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla.
Donec Congue Lacinia
Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet. Nunc eu ullamcorper orci. Quisque eget odio ac lectus vestibulum faucibus eget in metus. In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus tortor. Nulla.
Proin Quis Tortor
In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus tortor. Nulla facilisi. Duis aliquet.
Suspendisse Dictum
Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie.
Lorem Ipsum Dolor
Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per.

  <dl>
    <dt><dfn>Proin Quis Tortor Orci</dfn></dt>
    <dd>Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla.</dd>
    <dt><dfn>Donec Congue Lacinia</dfn></dt>
    <dd>Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet. Nunc eu ullamcorper orci. Quisque eget odio ac lectus vestibulum faucibus eget in metus. In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus tortor. Nulla.
      <dl>
        <dt><dfn>Proin Quis Tortor</dfn></dt>
        <dd>In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus tortor. Nulla facilisi. Duis aliquet.</dd>
        <dt><dfn>Suspendisse Dictum</dfn></dt>
        <dd>Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie.</dd>
      </dl>
    </dd>
    <dt><dfn>Lorem Ipsum Dolor</dfn></dt>
    <dd>Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per.</dd>
  </dl>

Unstyled listsUnstyled lists

If you need to have a bare list, you can use the list-unstyled class to remove all the default list styles.

  1. Nulla Facilisi. Duis Aliquet Egestas
  2. Nullam In Dui Mauris. Vivamus Hendrerit
    • Donec Congue Lacinia Dui, A Porttitor Lectus
    • Ut In Nulla Enim. Phasellus
    • Vestibulum Ante Ipsum Primis
  3. Lorem Ipsum Dolor Sit
  4. Proin Quis Tortor Orci. Etiam At
  5. Curabitur Vulputate, Ligula Lacinia Scelerisque

  <ol class="list-unstyled">
    <li>Nulla Facilisi. Duis Aliquet Egestas</li>
    <li>Nullam In Dui Mauris. Vivamus Hendrerit
      <ul class="list-unstyled">
        <li>Donec Congue Lacinia Dui, A Porttitor Lectus</li>
        <li>Ut In Nulla Enim. Phasellus</li>
        <li>Vestibulum Ante Ipsum Primis</li>
      </ul>
    </li>
    <li>Lorem Ipsum Dolor Sit</li>
    <li>Proin Quis Tortor Orci. Etiam At</li>
    <li>Curabitur Vulputate, Ligula Lacinia Scelerisque</li>
  </ol>