目标网格系统使用平板电脑处理横向/纵向方向

Question

我需要页面响应，在更大的屏幕上我需要两列和更小的屏幕我想要1列，我该怎么做？是否有类前缀如.col-sm-landscape- ou .col-sm-portrait- ^^提前感谢

Answer 1

按照此文档：http://fr.wikipedia.org/wiki/Nexus_7_(2012)，nexus 7的分辨率为1280×800像素。

请参阅此文档：http://getbootstrap.com/css/#grid-options：

  

小型设备平板电脑（≥768px）
  中型设备台式机（≥992px）
  大型设备台式机（≥1200px）

所以你可以使用：

<div class="row">
    <div class="col-sm-12 col-lg-6"> first column</div>
    <div class="col-sm-12 col-lg-6"> second column</div>
</div>