bootstrap 4 remove underline when clicked

Question

I have a problem removing underline that appears when clicking a menu in a navbar, this is the code that i use. but it is not working!

a.nav-link, a.nav-link:hover, a.nav-link:active, a.nav-link:visited, a.nav-link:focus {
    text-decoration:none;
}

stil no luck.

i'm using bootstrap 4 alpha

Answer 1

you can remove underline in all a tag

 a, a:hover,a:visited, a:focus {
    text-decoration:none;
}