Lists
Lists are used to arrange items together and present information using numbered text or bullets.
Normal Lists
Normal lists can be used to present information items together, as numbered (ordered) or not-numbered (unordered).
- Item 1
- Item 2
- Item 3
- Item 4
- Item 1
- Item 2
- Item 3
- Item 4
- Item 1
- Item 2
- Item 3
- Item 4
- Item 1
- Item 2
- Item 3
- Item 4
- Item 1
- Item 2
- Item 3
- Item 4
- Item 1
- Item 2
- Item 3
- Item 4
You can paste the below code to get the lists of above styles.
Nested Lists
Nested lists can be used to present information items together where one list is nested within another.
- Home
-
PC Games
- Horizon Zero Dawn
- The Witcher 3: Wild Hunt
- Life is Strange
- PlayStation 4
- PlayStation 5
- Item 1
- Item 2
- Item 3
- Item 4
You can paste the below code to get the lists of above styles.
Spaced List
Spaced lists can be used to present information items together where one with uniform space between each item.
-
Puppy Dog
@puppydog
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Suscipit dolore earum ducimus quaerat perferendis natus itaque beatae quae et assumenda id quo eius facere, illum excepturi sapiente ipsam. Iste, quos.
-
Puppy Dog
@puppydog
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Suscipit dolore earum ducimus quaerat perferendis natus itaque beatae quae et assumenda id quo eius facere, illum excepturi sapiente ipsam. Iste, quos.
-
Puppy Dog
@puppydog
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Suscipit dolore earum ducimus quaerat perferendis natus itaque beatae quae et assumenda id quo eius facere, illum excepturi sapiente ipsam. Iste, quos.
You can paste the below code to get the spaced lists of above styles, this code will give you 2 items, rest you can add as many by simply duplicating the li item.
Stacked List
Stacked lists can be used to present information items together where there is no space between each item.
-
Puppy Dog
@puppydog
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Suscipit dolore earum ducimus quaerat perferendis natus itaque beatae quae et assumenda id quo eius facere, illum excepturi sapiente ipsam. Iste, quos.
-
Puppy Dog
@puppydog
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Suscipit dolore earum ducimus quaerat perferendis natus itaque beatae quae et assumenda id quo eius facere, illum excepturi sapiente ipsam. Iste, quos.
-
Puppy Dog
@puppydog
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Suscipit dolore earum ducimus quaerat perferendis natus itaque beatae quae et assumenda id quo eius facere, illum excepturi sapiente ipsam. Iste, quos.
You can paste the below code to get the stacked lists of above styles, this code will give you 2 items, rest you can add as many by simply duplicating the li item. Note that the only addition to spaced list above is the class mt-3 in each li item.