Lists
Lists are a continuous group of text or images. They are composed of items containing primary and supplemental actions, which are represented by icons and text.
Unordered Lists
The default style of unordered lists is filled circle denoted by the class .ulist-style-default. Other styles of unordered lists can be used by giving the class names
.ulist-style-square, .ulist-style-circle,
.ulist-style-none to the <ul>
tag.
- Item1
- Item2
- Item3
- Item1
- Item2
- Item3
- Item1
- Item2
- Item3
- Item1
- Item2
- Item3
Ordered Lists
The default style of ordered lists is decimal numbers denoted by the class .olist-style-default. Other styles of unordered lists can be used by giving the class names
.olist-style-alphabets, .olist-style-roman to the <ol>
tag.
- Item1
- Item2
- Item3
- Item1
- Item2
- Item3
- Item1
- Item2
- Item3
Stacked Lists
Stacked Lists can be used by giving class name as .stack-list-item
to <li>
tag and .stack-list to the <ul>
tag
You can copy the HTML from code snippet below.
-
20% Off
Order fast to avail the discount! 2 hours left!!
-
20% Off
Order fast to avail the discount! 1 hours left!!
-
20% Off
Order fast to avail the discount! 1 hours left!!
-
20% Off
Order fast to avail the discount! 30 mins left!!