How to change link color (Bootstrap)

Question

<div class="collapse navbar-collapse">                     <ul class="nav pull-right">                         <li class="active"><a href="#">О нас</a></li>                         <li><a href="#">Как это работает</a></li>                         <li><a href="#">Цены</a></li>                         <li><a href="#">Контакты</a></li>                     </ul> 

I'm very new to Bootstrap. Here I have 3 classes pointed. And I have at least 3 .css files: styles.css, flat-ui.css, bootstrap.css. I don't know how to change these link-colors.

Answer 1

ul.nav li a, ul.nav li a:visited {     color: #anycolor !important; }  ul.nav li a:hover, ul.nav li a:active {     color: #anycolor !important; }  ul.nav li.active a {     color: #anycolor !important; } 

Change the styles as you wish.

Answer 2

For a direct change, you can use Bootstrap classes in the <a> tag (it won't work in the <div>):

<h4 class="text-center"><a class="text-warning" href="#">Your text</a></h4>