title: Responsive table (table-responsive) not scrolling in mobile. [bootstrap 3]
body: <p>I'm having a lot of problems lately with bootstrap :/</p>
  <p>Its because I'm new to it and kinda learning how to master it.
  I am currently having a problem which in browsers in full-zoom mode (250% zoom) it will make the table responsive and add a scroll to the table and in the mobile,
  it will just not add the Scroll, so I cant scroll.</p>
  <p>Code is as follows : <div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>                                    &lt;div&gt;
                                  &lt;div style="margin-top: 10px"&gt;
                                      &lt;div class="table-responsive"&gt;
                                          &lt;table class="table"&gt;
                                              &lt;tr&gt;
                                                  &lt;th&gt;Section 1&lt;/th&gt;
                                                  &lt;th&gt;Section 2&lt;/th&gt;
                                              &lt;/tr&gt;
                                              &lt;tr&gt;
                                                  &lt;td class="col-xs-4"&gt;
                                                    &lt;div&gt;Some Text&lt;/div&gt;
                                                  &lt;/td&gt;
                                                  &lt;td class="col-xs-8"&gt;
                                                      &lt;table class="table table-striped"&gt;
                                                          &lt;tr&gt;
                                                              &lt;td&gt;#1&lt;/td&gt;
                                                              &lt;td style="text-align: center"&gt;&lt;span style="font-size: 14px"&gt;TEST&lt;/span&gt;&lt;/td&gt;
                                                          &lt;/tr&gt;
                                                      &lt;/table&gt;
                                                  &lt;/td&gt;
                                              &lt;/tr&gt;
                                          &lt;/table&gt;    
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;</code></pre>
  </div>
  </div>
  Images - <img src="https://i.stack.imgur.com/Ov23x.png" alt="enter image description here" /></p>
  <p>I hope you guys can help me fix the problem, I have been trying to fix it for the past 2hours, no success. Thank you all :)
  <strong>EDIT: JSFiddle with CSS included -&gt; <a href="http://jsfiddle.net/gausxmww/" rel="nofollow noreferrer">http://jsfiddle.net/gausxmww/</a></strong></p>