Remove bullets on menu items of Bootstrap navbar

Issue

An MVC4 Bootstrap example app shows bullet points placed way ahead of the navigation menu items on the navigation bar. separated by brand, even. The bullets appears to be related to tags CSS. Does any one have a clue about removing the bullets? The menu is displayed by navigationextension.cs

       <div class="nav-collapse collapse">
                      @Html.Navigation()
                </div>

Solution

You should be able to target the list item (.nav-collapse .li) with the following CSS property:

list-style-type: none;

Answered By - mquickel