title: How to get bootstrap to display more columns in landscape mode
body: <p>I would like to have some blocks of content display in one column in portrait mode (iPhone 5+ is 640px wide), and two columns when in landscape mode  (iPhone 5+ is 1136px wide). My understanding reading the documentation (<a href="http://getbootstrap.com/css/#grid-media-queries" rel="nofollow">http://getbootstrap.com/css/#grid-media-queries</a>) was that below 768px wide, Bootstrap would use the col-xs-* classes and that above 768px, Bootstrap would use the col-sm-* classes. </p>
  
  <p>My markup looks something like:</p>
  
  <pre><code>&lt;div class="col-xs-12 col-sm-6"&gt;some content&lt;/div&gt;
  &lt;div class="col-xs-12 col-sm-6"&gt;some more content&lt;/div&gt;
  </code></pre>
  
  <p>What am I missing here?</p>