Twitter bootstrap: modal sur les téléphones mobiles

Je suis à essayer de comprendre pourquoi je n'arrive pas à cliquer sur quoi que ce soit à l'intérieur de l'modal quand il arrive (sur un appareil mobile qui est - il fonctionne dans un navigateur pc).
J'ai un code comme celui-ci qui est une base modale de twitter bootstrap:

<!-- Modal -->

<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria hidden="true">×</button>
      <h3 id="myModalLabel">choose!</h3>
    </div>
    <div class="modal-body">
      <div class="row-fluid">
       <form>
         <fieldset>
             <select class="input-large">
             <option value="0">10:15</option>
             <option value="1">12:45</option>
             <option value="2">13:15</option>
            </select>
         </fieldset>
       </form>
     </div>
   </div>
   <div class="modal-footer">
      <button class="btn pull-left" data-dismiss="modal" aria-hidden="true">Close</button>
      <button class="btn btn-primary">Save changes</button>
   </div>
</div> <!-- modal END -->

Et ce modal est ouvert par les événements javascript. Il s'ouvre assez bien, mais sur mon téléphone je ne peux pas cliquer (ou je m'ennuie tout le temps?) les boutons ou de frapper le champ de sélection.
Des idées à ce sujet?

Merci pour toute aide.

Il semble bien fonctionner ici: jsfiddle.net/adamdehaven/ECUUR
Avez-vous essayez d'accéder sur un appareil mobile? Il ne fonctionne pas pour moi ..
Il fonctionne parfaitement sur mon iPhone 5 est équipé de la dernière version d'iOS. Visite sur votre téléphone: jsfiddle.net/adamdehaven/ECUUR/show

OriginalL'auteur trainoasis | 2013-04-03

  1. 3

    Trouvé une solution..si quelqu'un va avoir le même problème.
    Juste ajouté "active" la classe modale et ça fonctionne bien maintenant.

    class="modal hide fade active"
    Merci ... résout mon problème

    OriginalL'auteur trainoasis

  2. 3

    J'ai eu le même problème. Elle est causée par l'inclusion de bootstrap-responsive.css (v2.0.3 dans mon cas) et elle affecte à la fois l'affichage de l'modal et son édition lorsque vous touchez le champ de saisie du mot clé et de pop-up.
    J'ai légèrement modifié le patch présenté dans cette StackOverflow question:

    .modal { 
    position: fixed; 
    top: 20px !important; 
    right: 3%; 
    left: 3%;
    width: auto; 
    margin: 0; 
}

    dans les deux @media (max-width: 480px) et @media (max-width: 767px) les media queries et il semble bien fonctionner.

    Plus que 3 ans plus tard, j'ai besoin d'ajouter un modal pour un vieux bootstrap 2 site, ce qui a aidé. Merci!!!! Notez qu'il est inutile en l'incluant dans les deux requêtes de média; @media (max-width: 767px) s'appliquent à toutes les petites tailles d'écran et est suffisante.

    OriginalL'auteur fustaki