bootstrap使用、スマホでのhoverの対応について

Question

bootstrapを使用してbutton Classを使用した際にhoverが有効になっているため
スマートフォンでタップしたあとそのままhoverが有効になってしまいます。

対処法としてメディアタグ(@media)を使用して打ち消すような使用方法を聞いたのですが
効率的ではないと思い他の方法があればと思い質問させていただきました。

以下の方法で対処しようか検討していますがアドバイス頂けると嬉しいです。
・bootstrapのbutton Classを使用せずCSSを新たに追加する
・bootstrapのhoverがスマホ対応で無効化できるのであれば対応（もしこの方法があれば知りたいです）

フロントエンド勉強中のため分かりづらい質問でしたら申し訳ございません。
よろしくお願いいたします。