Bootstrap mobile first? Why hover still works on mobile? How to disable hover?

Question

Bootstrap 3 claims to be mobile-first. However, the hover styling is totally inappropriate on mobile devices. For example, I don't want the link in the navbar to still show as "hover" style after user clicked it. The user is not hovering the finger over the button anymore! Please let me know how can I disable all hover styles in bootstrap? (And also why is it called mobile-first then, if it doesn't make sense for mobile by default?)

Answer 1

It remain with the "hover" appearance for usability reasons. If it was not identified as active, people may not know to click it again to hide the menu. If you didn't notice, the menu stays open until you click a link, or click the menu button again to toggle it.

Also, some mobile devices do recognize hover.

If you still want to remove the style, just add an id to the button, and override the styles.