Change color of bootstrap navbar on hover link?

Question

I want to know how to change the color of the links when you hover over them in the nav bar, as currently they are an ugly color.

Thanks for any suggestions?

Answer 1

If you Navbar code as like as follow:

    

        
            
            
            
        
        Project name
    
    

        

            
Home
            
About
            
Contact
            

                Dropdown 
                

                    
Action
                    
Another action
                    
Something else here
                    

                    
Nav header
                    
Separated link
                    
One more separated link
                
            
        
        

            
Default
            
Static top
            
Fixed top
        
    

Then just use the following CSS style to change hover color of your navbar-brand

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
     color: white;
}

So your navbad-brand hover color will be changed to white. I just tested it and it's working for me correctly.