title: Bootstrap 3 table-responsive not working
body: <p>I'm testing a local site in my phone (Lumia 920), the Bootstrap 3 site shows OK, but when I access to my local site my table doesn't look responsive.
  I even tried with the sample code of the Bootstrap page..</p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;title&gt;Bootstrap 101 Template&lt;/title&gt;
  
      &lt;!-- Latest compiled and minified CSS --&gt;
      &lt;link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"&gt;
  
      &lt;!-- Optional theme --&gt;
      &lt;link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css"&gt;
  
      &lt;!-- jQuery (necessary for Bootstrap's JavaScript plugins) --&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
  
      &lt;!-- Latest compiled and minified JavaScript --&gt;
      &lt;script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"&gt;&lt;/script&gt;
  
      &lt;!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --&gt;
      &lt;!-- WARNING: Respond.js doesn't work if you view the page via file:// --&gt;
      &lt;!--[if lt IE 9]&gt;
      &lt;script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"&gt;&lt;/script&gt;
      &lt;![endif]--&gt;
  &lt;/head&gt;
  &lt;body data-twttr-rendered="true"&gt;
  &lt;div class="container"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-md-9"&gt;
              &lt;div class="table-responsive"&gt;
                  &lt;table class="table table-bordered table-striped"&gt;
                      &lt;thead&gt;
                      &lt;tr&gt;
                          &lt;th&gt;&lt;/th&gt;
                          &lt;th&gt;
                              Extra small devices
                              &lt;small&gt;Phones (&amp;lt;768px)&lt;/small&gt;
                          &lt;/th&gt;
                          &lt;th&gt;
                              Small devices
                              &lt;small&gt;Tablets (≥768px)&lt;/small&gt;
                          &lt;/th&gt;
                          &lt;th&gt;
                              Medium devices
                              &lt;small&gt;Desktops (≥992px)&lt;/small&gt;
                          &lt;/th&gt;
                          &lt;th&gt;
                              Large devices
                              &lt;small&gt;Desktops (≥1200px)&lt;/small&gt;
                          &lt;/th&gt;
                      &lt;/tr&gt;
                      &lt;/thead&gt;
                      &lt;tbody&gt;
                      &lt;tr&gt;
                          &lt;th class="text-nowrap"&gt;Grid behavior&lt;/th&gt;
                          &lt;td&gt;Horizontal at all times&lt;/td&gt;
                          &lt;td colspan="3"&gt;Collapsed to start, horizontal above breakpoints&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;th class="text-nowrap"&gt;Container width&lt;/th&gt;
                          &lt;td&gt;None (auto)&lt;/td&gt;
                          &lt;td&gt;750px&lt;/td&gt;
                          &lt;td&gt;970px&lt;/td&gt;
                          &lt;td&gt;1170px&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;th class="text-nowrap"&gt;Class prefix&lt;/th&gt;
                          &lt;td&gt;&lt;code&gt;.col-xs-&lt;/code&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;code&gt;.col-sm-&lt;/code&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;code&gt;.col-md-&lt;/code&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;code&gt;.col-lg-&lt;/code&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;th class="text-nowrap"&gt;# of columns&lt;/th&gt;
                          &lt;td colspan="4"&gt;12&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;th class="text-nowrap"&gt;Column width&lt;/th&gt;
                          &lt;td class="text-muted"&gt;Auto&lt;/td&gt;
                          &lt;td&gt;~62px&lt;/td&gt;
                          &lt;td&gt;~81px&lt;/td&gt;
                          &lt;td&gt;~97px&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;th class="text-nowrap"&gt;Gutter width&lt;/th&gt;
                          &lt;td colspan="4"&gt;30px (15px on each side of a column)&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;th class="text-nowrap"&gt;Nestable&lt;/th&gt;
                          &lt;td colspan="4"&gt;Yes&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;th class="text-nowrap"&gt;Offsets&lt;/th&gt;
                          &lt;td colspan="4"&gt;Yes&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;th class="text-nowrap"&gt;Column ordering&lt;/th&gt;
                          &lt;td colspan="4"&gt;Yes&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;/tbody&gt;
                  &lt;/table&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="col-md-3"&gt;
              asd
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>What am I doing wrong?.
  Thank you.</p>