Remove Bullets from an Unordered List using list-unstyled Class

The list-unstyled class is a Utility Class provided by Bootstrap 5 which is used to remove the default list-style applied to a list along with removing the margin on the left of the list items which are immediate children of the list.

Syntax

<ul class="list-unstyled"> 
    ...
</ul>

Example 1: In this example, we will see replacing the default styling for the Bullets from an Unordered List in Bootstrap 5.

Output:

In this article, we will see how we can remove those “Bullets” from an Unordered list using Bootstrap 5. An Unordered list in HTML is a type of list in which the order of the items does not matter and hence, instead of marking each item with a number (as in an ordered list), “bullets” are used to mark each item. There are several methods to be utilized to replace the Bullets from an Unordered List, among which will cover the following methods:

We will understand the above methods with the help of suitable illustrations.