title: Twitter Bootstrap 3 - wrong recognize size
body: <p>I have this code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"&gt;
      &lt;script src="http://code.jquery.com/jquery-1.11.3.js"&gt;&lt;/script&gt;
      &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div class="container"&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-xs-12"&gt;
                  &lt;div class="visible-xs-block"&gt;visible-xs-block&lt;/div&gt;
                  &lt;div class="visible-sm-block"&gt;visible-sm-block&lt;/div&gt;
                  &lt;div class="visible-md-block"&gt;visible-md-block&lt;/div&gt;
                  &lt;div class="visible-lg-block"&gt;visible-lg-block&lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>When I run this on mobile, my phone recognise this as SM, but should as XS.
  In this case, I can't see mobile menu with hamburger (code not include) and when I have div with xs-12 and sm-6 it displays wrong.</p>
  
  <p>On PC works everything.</p>
  
  <p><strong>How can I recognise phone (XS size) correctly ?</strong></p>