Make it the following:
.nav.navbar-nav.navbar-right li a { color: blue; }
The above will target the specific links, which is what you want, versus styling the entire list blue, which is what you were initially doing. Here is a JsFiddle.
The other way would be creating another class and implementing it like so:
HTML
<li><a href="#" class="color-me"><span class="glyphicon glyphicon-list-alt"></span> Résumé</a></li>
CSS
.color-me{ color:blue; }
Also demonstrated in this JsFiddle
Related Posts:
- What is sr-only in Bootstrap 3?
- Bootstrap 4 images thumbnail classes
- How to center content in a Bootstrap column?
- Bootstrap throws Uncaught Error: Bootstrap’s JavaScript requires jQuery
- How to give spacing between buttons using bootstrap
- How can I override Bootstrap CSS styles?
- How to change the background-color of jumbrotron?
- vertical divider between two columns in bootstrap
- vertical-align with Bootstrap 3
- Table fixed header and scrollable body
- how to do a line break in Bootstrap 3.3.7
- How to increase height of textarea using bootstrap rows and columns
- Bootstrap Columns Not Working
- Bootstrap 3 Glyphicons CDN
- How can I change the Bootstrap default font family using font from Google?
- Set textarea width to 100% in bootstrap modal
- How to make Bootstrap Panel body with fixed height
- Failed to load resource: the server responded with a status of 404 (Not Found) css
- CSS background-image-opacity?
- Resize image proportionally with CSS?
- How do I vertically align text in a div?
- Embed image in a
- How do I vertically center text with CSS?
- How do I vertically center text with CSS?
- Can I have an onclick effect in CSS?
- How to style a checkbox using CSS
- Set cookie and get cookie with JavaScript
- CSS Background Image Not Displaying
- CSS: Moving the text down a few pixels but keeping the background still?
- Fix footer to bottom of page
- How to position text over an image in css
- shifting a piece of text down using CSS
- Display Two s Side-by-Side
- How to add hamburger menu in bootstrap
- Add border-bottom to table row
- Center form submit buttons HTML / CSS
- CSS: Moving the text down a few pixels but keeping the background still?
- How to use css first-child with :not()
- How can I make a CSS glass/blur effect work for an overlay?
- How to “crop” a rectangular image into a square with CSS?
- Should I use px or rem value units in my CSS?
- Flexbox: center horizontally and vertically
- How to draw diagonal lines with css
- How to keep footer at bottom of screen [duplicate]
- what’s the easiest way to put space between 2 side-by-side buttons in asp.net
- Vertically centering a div inside another div
- How do I set vertical space between list items?
- Does bootstrap 4 have a built in horizontal divider?
- Check if an element contains a class in JavaScript?
- How to move image with css/html
- How can I set the image opacity for body background
- html div background image not showing up
- Bring element to front using CSS
- How to apply style classes to td elements?
- Align DIV’s to bottom or baseline
- how to overlap two div in css?
- CSS float right not working correctly
- How can I vertically align elements in a div?
- CSS hover effect is not working on my code
- Space between two rows in a table?
- How can I center a div within another div?
- How to align content of a div to the bottom
- How do I style a dropdown with only CSS?
- Remove scrollbar from iframe
- Dynamic height of div with css
- Removing ul indentation with CSS
- Why an inline “background-image” style doesn’t work in Chrome 10 and Internet Explorer 8?
- How to center a navigation bar with CSS or HTML?
- Why write script type=”text/javascript” when the mime type is set by the server?
- How to add image that is on my computer to a site in css or html?
- My CSS won’t link to my HTML file
- How to use PHP inside css file
- How to make a div 100% height of the browser window
- css display table cell requires percentage width
- Why doesn’t min-height not work on my page?
- How to write a:hover in inline CSS?
- CSS Resize/Zoom-In effect on Image while keeping Dimensions
- How to draw a trapezium/trapezoid with css3?
- Add stroke around text – on the outside – with css?
- How to create a text box in PHP to output data
- Change hover color on a button with Bootstrap customization
- Full Page < iframe >
- Alternate table row color using CSS?
- Change cursor to hand when mouse goes over a row in table
- CSS table td width – fixed, not flexible
- Creating Accordion Table with Bootstrap
- Can I apply a CSS style to an element name?
- CSS max-height not working
- How can I make a div not larger than its contents?
- Horizontal list items
- word-wrap break-word does not work in this example
- position fixed is not working
- Place a button right aligned
- td widths, not working?
- Firefox CSS Animations Broke [closed]
- WordPress Multiple Navigation bars
- Google yolo one tab signup plugin avilable in wordpress? [closed]
- Main menu effect visited
- Why I obtain different visualization when I run the website on my local machine and on remote server?
- Change class names dynamically added to html elements by wordpress