bootstrapで作ったマウスオーバーするドロップダウンリストは、スマホで操作した時、、、

Question

＊＊＊＊＊＊＊HTML＊＊＊＊＊＊＊＊
<div class="menu_btn_size btn-group dropdown">
  <a href="#" class="menu_btn_size btn btn-warning" data-toggle="dropdown">お問い合わせ<span class="caret"></span></a>
  <ul class="menu_btn_size dropdown-menu">
    <li><a href="/questions/index">よくある質問</a></li>
    <li><a href="/inquiry">問い合わせフォーム</a></li>
    <li class="divider"></li>
    <li><a href="/home/renrakusaki">連絡先</a></li>
  </ul>
</div>

＊＊＊＊＊＊CSS＊＊＊＊＊＊＊＊＊
.dropdown:hover > .dropdown-menu{
  display: block;
}

bootstrapで用意されているドロップダウンリストを、マウスオーバーするようにしたのですが、
これを使用したホームページをスマードフォンで見る場合、
マウスオーバー機能はどうなるのでしょうか？

＜備考＞
なぜか原因がわからないのですが、こちらのドロップダウン、マウスオーバーを適用しておかないと、
ドロップダウンリスト内のURLに飛び、そこからさらにまたドロップダウンリストを開こうとクリックすると機能せず開かなくなってしまうのです、、、

スマートフォンで閲覧された時、ちゃんと動作してくれるかが不安で、、、

Answer 1

タップ時に表示されて表示されたリンクがクリックできなかったと思う。

（タップを持続した状態がhover）