目标网格系统配置为横向/纵向与平板电脑

Question

我需要页面响应，在更大的屏幕上我需要两列，而较小的屏幕我想要一列，我该怎么做？是否有像 .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>