remove bullets from unordered list using bootstrap

Question

I am trying to remove the bullets showing in the unordered list using bootstrap. I have tried the "text-decoration-none" class but no use.

Answer 1

try like this:

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

Answer 2

You should add type attribute in ul tag and set the value none

<ul type=none>
  <li>Lorem ipsum dolor sit amet.</li>
  <li>Voluptatum culpa iure temporibus quisquam.</li>
  <li>Dolor enim quas sint iusto.</li>
</ul>

You can do this by css by the following code -

  ul{
    list-style-type: none;
  }

Answer 3

You can try this CSS

ul, li {list-style-type: none;}

It will globally removed bullets from the unordered list. you can use specific class.