How to change active link color in bootstrap css?

Question

I am using joomla 3 and bootstrap.min.js I am creating menu and giving special class in order to change hover, active, visited links and style of the menu. I could not find how

Answer 1

For change the current active link color we can use code in external css file or inline css

.active a
{
background-color:#ff0000;
}

Answer 2

Finally with experiments I found how to capture it.

#top-menu .current a
{
    color: orange !important;
}

Thank you everyone for your time and help. Much appreciated!

Answer 3

Try changing your CSS to .item-109 { color: white !important; }.

Here's a link with more information on !important.