How to overwrite list style

[newcoder1010]

Hello,

HTML:

<ul class="menu nav">

<li class="first leaf active-trail visited active"><a href="</a></li>
<li class="leaf"><a href="</a></li>
</ul>

 

CSS from bootstrap cdn has this:

.nav {
    list-style: none;
}

ul li.collapsed, ul li.expanded, ul li.leaf {
    list-style: none;
}

How to overwrite to display the bullets next to list item?

[dsonesuk]

Remove those classes, that would remove the bullets or add your custom class so it has higher precedence over the current classes

        <ul class="show_bullets menu nav">
            <li class="first leaf active-trail visited active"><a href="">nnnn</a></li>
            <li class="leaf"><a href="">xxxxxx</a></li>
        </ul>

            .show_bullets.nav   {
                list-style: initial;
                padding-left: 40px;
            }
            ul.show_bullets li.collapsed, ul.show_bullets li.expanded, ul.show_bullets li.leaf {
                display: list-item;
                list-style: initial;
            }

 

[newcoder1010]

Unfortunately I am not able to remove the classes and add a new class. How can I overwrite?

[dsonesuk]

You can't then, unless you lose the option to create bootstrap menu with current used classes.