In bootstrap.css, I changed the color of the btn-primary button in various states, but for some reason, in the hover state, it is only half-allocated. Where can I fix it? Thank.

  • to change the bootstrap order use less - zb '
  • You can make custom styles through the site stylebootstrap.info - Gena Tsarinny

1 answer 1

You did wrong, you can’t change anything in bootstrap.css , in order to do it humanly, you had to insert the link to your style file below the bootstrap file connection and override the button color in it. It was necessary to indicate the state not only for basic styles, it was also necessary to specify colors for at least hover, focus, visited .

For example:

 .btn-primary{ background-color: red; color: white; } .btn-primaru:hover, .btn-primary:focus, .btn-primary:visited{ background-color: green; color: white; }
  • and you could also add your class to this button, and indicate the desired colors in it, of course, that your style file should be connected after the bootstrap file - Yevgeny Bondarenko