如何恢复 Bootstrap 3 按钮的悬停效果？

Posted 2023-03-06

【中文标题】如何恢复 Bootstrap 3 按钮的悬停效果？

【英文标题】：How to put back the hover effect on Bootstrap3's buttons?

【发布时间】：2013-09-01 07:45:33

【问题描述】：

开发人员表示，Bootstrap 3 将捆绑一个可选主题，使其看起来像 Bootstrap 2。

问题是他们似乎忘记了将悬停效果放在按钮上。有没有办法把它放回去？

这是它在 v2 上的样子，只需将鼠标移到任意按钮上即可查看效果：

http://getbootstrap.com/2.3.2/examples/hero.html

这就是它现在在 v3 中的样子（无效）：

http://getbootstrap.com/examples/theme/

【参考方案1】：

最简单的方法是创建您自己的自定义类，例如.btn-custom，然后应用您喜欢的样式，包括悬停效果。 This answer 向您展示如何在 Boostrap 3 中创建自己的按钮样式。

该网站还有助于轻松生成 CSS 样式：http://twitterbootstrap3buttons.w3masters.nl