Change color of bootstrap navbar on hover link?

by

For Bootstrap 3 this is how I did this based on the default Navbar structure:

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: #FFFF00;
    color: #FFC0CB;
}

More Related Contents:

  1. Animate/Shrink NavBar on scroll using Bootstrap
  2. Bootstrap navbar: nothing is displayed on smaller devices
  3. CSS float-right not working in Bootstrap 4 Navbar [duplicate]
  4. Importing CSS and Bootsrap in HTML code
  5. Bootstrap column on mobile positions
  6. vertical-align with Bootstrap 3
  7. How to vertically center a container in Bootstrap?
  8. `col-xs-*` not working in Bootstrap 4
  9. Twitter Bootstrap 3 Sticky Footer
  10. Extend bootstrap row outside the container
  11. Bootstrap – align button to the bottom of card
  12. Bootstrap: add margin/padding space between columns
  13. HTML: Changing colors of specific words in a string of text
  14. Changing highlight color
  15. How to remove focus around buttons on click
  16. How to vertically center a Bootstrap carousel-caption?
  17. Bootstrap – 5 column layout
  18. Exclude menu item from the collapse of bootstrap 3 navbar
  19. Bootstrap 4 – Responsive cards in card-columns
  20. How to implement curve background in CSS? [duplicate]
  21. Inline Form nested within Horizontal Form in Bootstrap 3
  22. Same height column bootstrap 3 row responsive
  23. Bootstrap 3 – How to maximize input width inside navbar
  24. Why does `transform` break `position: fixed`?
  25. Change Bootstrap input focus blue glow
  26. Maintain image aspect ratio in carousel
  27. Bootstrap 3 Flush footer to bottom. not fixed
  28. Responsive table handling in Twitter Bootstrap
  29. Convert RGBA to HEX
  30. justify-content: space-between failing to align elements as expected

Leave a Comment