title: Bootstrap font scaling too small on mobile
body: <p>I've spent a lot of time working with Foundation and less time working with Bootstrap.  I'm having an issue with responsiveness in Bootstrap that I don't understand because this just seems to work in Foundation.  The issue is that, while the grid responsiveness works as expected, my fonts are getting scaled so tiny that it is almost illegible on mobile.  Notice in my example below that I set the font size to 14px, but on mobile this is becoming very tiny.  You can see this by clicking on the mobile button in the Chrome dev tools.</p>
  
  <p>The html to reproduce this is very simple, here is a jsbin: <a href="http://jsbin.com/lumepumufu/1/">http://jsbin.com/lumepumufu/1/</a></p>
  
  <p>And here's the html:</p>
  
  <pre><code>&lt;html&gt;
    &lt;head&gt;
      &lt;link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet" type="text/css" /&gt;
    &lt;/head&gt;
    &lt;body style="font-size:14px"&gt;
      &lt;div class="container"&gt;
        &lt;div class="row"&gt;
          &lt;div class="col-lg-4"&gt;col-lg-4&lt;/div&gt;
          &lt;div class="col-lg-4"&gt;col-lg-4&lt;/div&gt;
          &lt;div class="col-lg-4"&gt;col-lg-4&lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>