Lists

Default unordered list

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Purus sodales ultricies
    • Vestibulum laoreet porttitor sem
    • Ac tristique libero volutpat at
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem

Default ordered list

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet
  5. Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Purus sodales ultricies
    • Vestibulum laoreet porttitor sem
    • Ac tristique libero volutpat at
  6. Faucibus porta lacus fringilla vel
  7. Aenean sit amet erat nunc
  8. Eget porttitor lorem

Unstyled unordered list

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Purus sodales ultricies
    • Vestibulum laoreet porttitor sem
    • Ac tristique libero volutpat at
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem

Inline list

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa

List with icon

  • Nam gravida magna vitae
  • Duis rhoncus lectus at velit
  • Sed fringilla tempor arcu
  • Vivamus semper odio in nibh
  • Nam gravida magna vitae

List with icon

  • Nam gravida magna vitae
  • Duis rhoncus lectus at velit
  • Sed fringilla tempor arcu
  • Vivamus semper odio in nibh
  • Nam gravida magna vitae

List with icon

  • Nam gravida magna vitae
  • Duis rhoncus lectus at velit
  • Sed fringilla tempor arcu
  • Vivamus semper odio in nibh
  • Nam gravida magna vitae
You can replace the list icon with any font icon from Fron Awesome website.

List with bullets

  • 1

    Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea.

  • 2

    Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea.

  • 3

    Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea.

List with bullets

  • 1

    Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea.

  • 2

    Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea.

  • 3

    Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea.

List with bullets

  • 1

    Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea.

  • 2

    Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea.

  • 3

    Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea.

Bullet lists have also the 4 well known classes: .base, .base-alt, .light, .dark