Lists
List is a component that displays collection of information vertically or horizontally. we offer the following type of lists - Spaced List, Stacked List, and Inline List
Spaced List
This is the default or basic list that displays data vertically with some space in between. To generate a spaced list, use the base class list1 along with the supporing class list-spaced.
- Home
- About
- Products
- Contact
Navigation
Copy the code below to use a spaced list
Stackd List
This is a variation of list component where the items are stacked vertically without any bullets. To generate a stacked list, use the base class list1 along with the supporting stacked-list. Add the class list-style-none to remove list item bullets
- XXX visited your profile.
- XXX commented on your post.
- XXX has their birthday today. Wish them well.
- XXX tagged you in a post.
Notifications
Copy the code below to use a stacked list
Inline List
This is a variation of list component where the items are stacked horizontally without any bullets. To generate an inline list, use the base class list1 along with the supporting list-inline and list-spaced. Add the class list-style-none to remove list item bullets.
- Home
- About
- Profile
Copy the code below to use a stacked list