title: Bootstrap responsive table not scrolling vertically on iOS devices
body: <p>This is what I have:</p>
  
  <pre><code>&lt;div class="table-responsive"&gt;
      &lt;table class="table" style="background: transparent"&gt;
          ....
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I am using the following bootstrap.css file: <a href="http://netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css">http://netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css</a></p>
  
  <p>When I try to scroll up and down on an iOS device (while my finger is touching the table), it doesn't scroll. It just drags the whole page up and down. I have to touch the body background or any other object, other than the table, in order to scroll. This problem doesn't come up in Android devices, but it seems to be there on iOS devices, like iPhone.</p>
  
  <p>I tried adding <code>overflow-y: auto</code> to <code>&lt;div class="table-responsive"&gt;</code>, but it still didn't work.</p>
  
  <p>What do I need to add in order to enable scrolling on mobile devices (Apple devices, specifically)?</p>