Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to change link color (Bootstrap)

enter image description here

<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.

like image 317
anindis Avatar asked May 30 '14 08:05

anindis


People also ask

Can I change the color of a link?

To change the color of hyperlink text, click the arrow next to Hyperlink, and then select a color. To change the color of followed hyperlink text, click the arrow next to Followed Hyperlink, and then select a color.

How do I style a bootstrap link?

text-reset and Text Decoration . text-decoration-none are Bootstrap 4 options for achieving this. this should be the correct answer, simply adding 2 bootstrap built-in classes solve the problem!


2 Answers

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.

like image 159
Mihail Burduja Avatar answered Oct 11 '22 18:10

Mihail Burduja


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> 
like image 25
Roubi Avatar answered Oct 11 '22 20:10

Roubi