Lists are continuous, vertical indexes of text or images. They are composed of items containing primary and supplemental actions, which are represented by icons and text.

• In order to view the code you need to visit using a device with larger screen.

This is a simple list having each item under another item.

This is a nested list in which list items are nested under another list item. You can add a class "nested-list-item" to the items to make them look nested.

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.

This is stacked list without bullets. We can add desired component inside "li" element. Check below code for alerts in stacked list.