Lists
Lists can be used at so many places, navigation bar, stacked notifications, article pages, etc.
Unordered List
Add class according to bullet style. Copy html code below and add your desired list items.
- list item 1
- list item 2
- list item 3
- list item 1
- list item 2
- list item 3
- list item 1
- list item 2
- list item 3
Ordered List
Add class according to bullet style. Copy html code below and add your desired list items.
To reverse the order of ordered list, add reversed attribute
to ol element
- List item with numbers
- List item with numbers
- List item with numbers
- Reversed list item
- Reversed list item
- Reversed list item
- List item with alphabets
- List item with alphabets
- List item with alphabets
- List item with roman
- List item with roman
- List item with roman
- List item with alphabets
- List item with alphabets
- List item with alphabets
- List item with roman
- List item with roman
- List item with roman
List with no bullets
If you want list stacked but with no bullet and indentation, then you can add list-style-none class.
Class styled-list applies padding between two list items.
- list item 1
- list item 2
- list item 3
List with inline items
If you want list items in same line instead of stacked, you can add
inline-list class to make it inline.
And you can also add
list-style-none class to remove bullets.
- list item 1
- list item 2
- list item 3