List styles

List Styles – Icon Bullets

Sample list of class circle

Sample list of class circle-blank

Sample list of class bell

Sample list of class bell-alt

Sample list of class calendar

Sample list of class time

Sample list of class cloud

Sample list of class comment

Sample list of class comments

Sample list of class coffee

Sample list of class check

Sample list of class ok

Sample list of class circle size large

Sample list of class circle-blank size large

Sample list of class bell size large

Sample list of class bell-alt size large

Sample list of class calendar size large

Sample list of class time size large

Sample list of class cloud size large

Sample list of class comment size large

Sample list of class comments size large

Sample list of class coffee size large

Sample list of class check size large

Sample list of class ok size large

Sample list of class phone

Sample list of class globe

Sample list of class rss

Sample list of class lightbulb

Sample list of class leaf

Sample list of class envelope

Sample list of class envelope-alt

Sample list of class flag

Sample list of class bolt

Sample list of class briefcase

Sample list of class asterisk

Sample list of class pencil

Sample list of class star size large

Sample list of class signal size large

Sample list of class music size large

Sample list of class shopping-cart size large

Sample list of class pinterest size large

Sample list of class twitter size large

Sample list of class medkit size large

Sample list of class info-sign size large

Sample list of class credit-card size large

Sample list of class leaf size large

Sample list of class home size large

Sample list of class certificate size large

Note: You can use as bullet any icon available in Font Awesome colection simply using icon name as class. The iconic font is designed for use with Twitter Bootstrap. All available icons you find here.

Get Code

[li class="home"] Sample list of class home[/li] [li class="certificate" size="large"] Sample list of class certificate size large[/li]

Top

List Styles – Bullets

Sample list of class bullet-1
Sample list of class bullet-1
Sample list of class bullet-1
Sample list of class bullet-1

Sample list of class bullet-2
Sample list of class bullet-2
Sample list of class bullet-2
Sample list of class bullet-2

Sample list of class bullet-3
Sample list of class bullet-3
Sample list of class bullet-3
Sample list of class bullet-3

Get Code



[list class="bullet-1"][li] Sample list of class bullet-1[/li]

[li] Sample list of class bullet-1[/li]

[li] Sample list of class bullet-1[/li]

[li] Sample list of class bullet-1[/li] [/list]

[list class="bullet-2"][li] Sample list of class bullet-2[/li]

[li] Sample list of class bullet-2[/li]

[li] Sample list of class bullet-2[/li]

[li] Sample list of class bullet-2[/li] [/list]

[list class="bullet-3"][li] Sample list of class bullet-3[/li]

[li] Sample list of class bullet-3[/li]

[li] Sample list of class bullet-3[/li]

[li] Sample list of class bullet-3[/li] [/list]

Top

Ordered lists

Sample list of class roman
Sample list of class roman
Sample list of class roman
Sample list of class roman

Sample list of class alpha
Sample list of class alpha
Sample list of class alpha
Sample list of class alpha

Get Code



[ord_list class="roman"]

[li] Sample list of class roman[/li]

[li] Sample list of class roman[/li]

[li] Sample list of class roman[/li]

[li] Sample list of class roman[/li]

[/ord_list]

[ord_list class="alpha"]

[li] Sample list of class alpha[/li]

[li] Sample list of class alpha[/li]

[li] Sample list of class alpha[/li]

[li] Sample list of class alpha[/li]

[/ord_list]

Top

Sample list of class dec
Sample list of class dec
Sample list of class dec
Sample list of class dec

Sample list of class decleadingzero
Sample list of class decleadingzero
Sample list of class decleadingzero
Sample list of class decleadingzero

Get Code



[ord_list class="dec"]

[li] Sample list of class dec[/li]

[li] Sample list of class dec[/li]

[li] Sample list of class dec[/li]

[li] Sample list of class dec[/li]

[/ord_list]

[ord_list class="decleadingzero"]

[li] Sample list of class decleadingzero[/li]

[li] Sample list of class decleadingzero[/li]

[li] Sample list of class decleadingzero[/li]

[li] Sample list of class decleadingzero[/li]

[/ord_list]

Top

01Element class number1

02Element class number1

03Element class number1

04Element class number1

01Element class number2

02Element class number2

03Element class number2

04Element class number2

01Element class number3

02Element class number3

03Element class number3

04Element class number3

Get Code



[discnumber class="number1" number="01"]Element class number1[/discnumber]

[discnumber class="number1" number="02"]Element class number1[/discnumber]

[discnumber class="number1" number="03"]Element class number1[/discnumber]

[discnumber class="number1" number="04"]Element class number1[/discnumber]
[discnumber class="number2" number="01"]Element class number2[/discnumber]

[discnumber class="number2" number="02"]Element class number2[/discnumber]

[discnumber class="number2" number="03"]Element class number2[/discnumber]

[discnumber class="number2" number="04"]Element class number2[/discnumber]
[discnumber class="number3" number="01"]Element class number3[/discnumber]

[discnumber class="number3" number="02"]Element class number3[/discnumber]

[discnumber class="number3" number="03"]Element class number3[/discnumber]

[discnumber class="number3" number="04"]Element class number3[/discnumber]

Top

1Element bignumber class 1

2Element bignumber class 1

3Element bignumber class 1

AElement bignumber class 2

BElement bignumber class 2

CElement bignumber class 2

Get Code



[bignumber class="1" number="1"]Element bignumber class 1[/bignumber]

[bignumber class="1" number="2"]Element bignumber class 1[/bignumber]

[bignumber class="1" number="3"]Element bignumber class 1[/bignumber]
[bignumber class="2" number="A"]Element bignumber class 2[/bignumber]

[bignumber class="2" number="B"]Element bignumber class 2[/bignumber]

[bignumber class="2" number="C"]Element bignumber class 2[/bignumber]

Top

AElement bignumber class 3

BElement bignumber class 3

CElement bignumber class 3

1Element bignumber class 4

2Element bignumber class 4

3Element bignumber class 4

Get Code



[bignumber class="3" number="A"]Element bignumber class 3[/bignumber]

[bignumber class="3" number="B"]Element bignumber class 3[/bignumber]

[bignumber class="3" number="C"]Element bignumber class 3[/bignumber]
[bignumber class="4" number="1"]Element bignumber class 4[/bignumber]

[bignumber class="4" number="2"]Element bignumber class 4[/bignumber]

[bignumber class="4" number="3"]Element bignumber class 4[/bignumber]