title: Twitter bootstrap: modal on mobile phones
body: <p>I'm trying to figure out why I can't seem to click on anything inside the modal when it comes up (on a mobile device that is - it works OK in a pc browser). 
  I have a code like this which is a basic modal from twitter bootstrap:</p>
  
  <pre><code>&lt;!-- Modal --&gt;
  
  &lt;div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt;
      &lt;div class="modal-header"&gt;
        &lt;button type="button" class="close" data-dismiss="modal" aria hidden="true"&gt;×&lt;/button&gt;
        &lt;h3 id="myModalLabel"&gt;choose!&lt;/h3&gt;
      &lt;/div&gt;
      &lt;div class="modal-body"&gt;
        &lt;div class="row-fluid"&gt;
         &lt;form&gt;
           &lt;fieldset&gt;
               &lt;select class="input-large"&gt;
               &lt;option value="0"&gt;10:15&lt;/option&gt;
               &lt;option value="1"&gt;12:45&lt;/option&gt;
               &lt;option value="2"&gt;13:15&lt;/option&gt;
              &lt;/select&gt;
           &lt;/fieldset&gt;
         &lt;/form&gt;
       &lt;/div&gt;
     &lt;/div&gt;
     &lt;div class="modal-footer"&gt;
        &lt;button class="btn pull-left" data-dismiss="modal" aria-hidden="true"&gt;Close&lt;/button&gt;
        &lt;button class="btn btn-primary"&gt;Save changes&lt;/button&gt;
     &lt;/div&gt;
  &lt;/div&gt; &lt;!-- modal END --&gt;
  </code></pre>
  
  <p>And this modal is opened by javascript event. It opens well enough, but on my phone I can't click (or i miss all the time?) the buttons or hit the select field.
  Any thoughts on that?</p>
  
  <p>Thanks for any help.</p>