How to change bootstrap navigation menu colors?

Question

I want to change the color of the \"Home\" \"Spin\" \"Social Media\" but no clue how. I spent a few days on figuring out how to change the navigation background but

Answer 1

to customize use the below selectors...

(note, you won't need !important if your customizations are loaded after the bootstrap css, ie your loaded after )

/* links */
.navbar-inverse .navbar-nav>li>a {
  color: red!important;
}

/* active, focus or hover links */
.navbar-inverse .navbar-nav>.active>a, 
.navbar-inverse .navbar-nav>.active>a:focus, 
.navbar-inverse .navbar-nav>.active>a:hover {
  color: red!important;
}

jsfiddle example