Lists

Unordered Lists

Unordered lists can take the following addtional classes .circle and .square.

Regular

  • Sed ut perspiciatis
  • Lorem ipsum dolor
    • Accusantium
    • Ratione voluptatem
  • Sed quia non
  • Neque porro quisquam

Circle

  • Sed ut perspiciatis
  • Lorem ipsum dolor
    • Accusantium
    • Ratione voluptatem
  • Sed quia non
  • Neque porro quisquam

Square

  • Sed ut perspiciatis
  • Lorem ipsum dolor
    • Accusantium
    • Ratione voluptatem
  • Sed quia non
  • Neque porro quisquam
Example
								
									
  • ...
  • ...

Ordered Lists

Ordered lists can take the following additional classes .upper-roman and .lower-alpha.

Decimal

  1. Sed ut perspiciatis
  2. Lorem ipsum dolor
    1. Accusantium
    2. Ratione voluptatem
  3. Sed quia non
  4. Neque porro quisquam

Upper Roman

  1. Sed ut perspiciatis
  2. Lorem ipsum dolor
    1. Accusantium
    2. Ratione voluptatem
  3. Sed quia non
  4. Neque porro quisquam

Lower Alpha

  1. Sed ut perspiciatis
  2. Lorem ipsum dolor
    1. Accusantium
    2. Ratione voluptatem
  3. Sed quia non
  4. Neque porro quisquam
Example
								
									
  • ...
  • ...

Icon Lists

  • Sed ut perspiciatis
  • Lorem ipsum dolor
    • Accusantium
    • Ratione voluptatem
  • Sed quia non
  • Neque porro quisquam
  • Sed ut perspiciatis
  • Lorem ipsum dolor
    • Accusantium
    • Ratione voluptatem
  • Sed quia non
  • Neque porro quisquam
  • Sed ut perspiciatis
  • Lorem ipsum dolor
    • Accusantium
    • Ratione voluptatem
  • Sed quia non
  • Neque porro quisquam
Example
								
									
  • ...
  • ...

List Groups

Grouped lists are created by adding the class .list-group to the ul or ol. It can be styled further by adding the class .boxed which will add a border to all its children. Like other compoenents groups lists can be altered in size by applying on of the following size classes: .small, .medium, .large and .xlarge.

Simple

  • Sed ut perspiciatis
  • Lorem ipsum dolor
    • Accusantium
    • Ratione voluptatem
      • Accusantium
      • Ratione voluptatem
  • Sed quia non
  • Neque porro quisquam
  • Sed quia non
  • Neque porro quisquam

Boxed

  • Sed ut perspiciatis
  • Lorem ipsum dolor
    • Accusantium
    • Ratione voluptatem
      • Accusantium
      • Ratione voluptatem
  • Sed quia non
  • Neque porro quisquam
Example
								
									
  • ...
  • ...
Theme Mountain

Current Version