List Styles

Unordered Lists

UL .disc

  • List item longer description.
  • List item
  • List item
    • Nested List Item
    • Nested List Item
    • Nested List Item
  • List item
  • List item
  • List item

UL .circle

  • List item longer description.
  • List item
  • List item
    • Nested List Item
    • Nested List Item
    • Nested List Item
  • List item
  • List item
  • List item

UL .square

  • List item longer description.
  • List item
  • List item
    • Nested List Item
    • Nested List Item
    • Nested List Item
  • List item
  • List item
  • List item

UL .type1

  • List item longer description.
  • List item
  • List item
    • Nested List Item
    • Nested List Item
    • Nested List Item
  • List item
  • List item
  • List item

UL .type2

  • List item longer description.
  • List item
  • List item
    • Nested List Item
    • Nested List Item
    • Nested List Item
  • List item
  • List item
  • List item

UL .type3

  • List item longer description.
  • List item
  • List item
    • Nested List Item
    • Nested List Item
    • Nested List Item
  • List item
  • List item
  • List item

UL .inline-list

How?

[list type=”type3″]
<li><i class=”icon-caret-right”></i>List item longer description.</li>
<li><i class=”icon-caret-right”></i>List item</li>
<li><i class=”icon-caret-right”></i>List item
<ul>
<li><i class=”icon-caret-right”></i>Nested List Item</li>
<li><i class=”icon-caret-right”></i>Nested List Item</li>
<li><i class=”icon-caret-right”></i>Nested List Item</li>
</ul>
</li>
<li><i class=”icon-caret-right”></i>List item</li>
<li><i class=”icon-caret-right”></i>List item</li>
<li><i class=”icon-caret-right”></i>List item</li>
[/list]

Add one of this classes to the ul depending of what list style you wish: disc, circle, square, type1, type2, type3, inline-list

Ordered lists

  1. Regular label can be achieved by adding the class .label to any element.
  2. Regular label can be achieved by adding the class .label to any element.
  3. Regular label can be achieved by adding the class .label to any element.
  4. Regular label can be achieved by adding the class .label to any element.

How?

[olist]
<li>Regular label can be achieved by adding the class .label to any element.</li>
<li>Regular label can be achieved by adding the class .label to any element.</li>
<li>Regular label can be achieved by adding the class .label to any element.</li>
<li>Regular label can be achieved by adding the class .label to any element.</li>
[/olist]