Bootstrap responsive tableau n'est pas défiler horizontalement sur les appareils iOS

J'ai une table avec le balisage suivant:

<div class="table-responsive"
    <table class="table table-hover"
        <!-- table data-->
    </table>
</div>

Que dit la documentation, ma table devriez maintenant être en mesure de faire défiler horizontalement. Il fonctionne si j'utilise chrome appareils de l'émulateur. Cependant, quand je l'ai essayer avec un vrai iPhone (iPhone 5s dans ce cas - testé sur l'iPhone 6 comme-bien), alors je ne peux pas faire défiler la table horizontalement à tous. Je peux voir la dernière colonne affiche dans la fenêtre d'affichage par défaut et je ne peux pas faire défiler des moyens secondaires. J'ai essayé sur chrome et safari sur mon iPhone et j'ai obtenu le même comportement.

Ce que j'ai essayé de faire est d'ajouter le -webkit-overflow-scroll: touch mais elle ne résout pas le problème. J'ai aussi essayé d'ajouter manuellement overflow-x: scroll au lieu de la valeur par défaut auto, mais en vain.

Je ne suis pas sûr que ça compte, mais j'ai aussi un plugin bootstrap - offcanvas par jasny bootstrap et je ne peux pas faire défiler ce côté menu vertical sur mon iPhone comme-bien. Tout cela fonctionne dans les émulateurs, mais échoue sur la chose réelle.

Peut-être que les deux sont liés d'une certaine manière.

Toute aide est appréciée.

Edit:

J'ai juste testé que sur un téléphone android, et il semble que je peux faire défiler la table horizontalement comme prévu. Cependant, je ne peux pas faire défiler le menu latéral à la verticale, même sur android. Je suppose que cela signifie que ces problèmes ne sont pas reliés les uns aux autres.