如何让引导程序以横向模式显示更多列

Question

我希望在纵向模式下（iPhone 5+ 的宽度为 640 像素）在一列中显示一些内容块，在横向模式下（iPhone 5+ 的宽度为 1136 像素）显示两列。我阅读文档 (http://getbootstrap.com/css/#grid-media-queries) 的理解是，在 768px 宽以下，Bootstrap 将使用 col-xs-* 类，而在 768px 以上，Bootstrap 将使用 col-sm-* 类。

我的标记看起来像：

<div class="col-xs-12 col-sm-6">some content</div>
<div class="col-xs-12 col-sm-6">some more content</div>

我在这里错过了什么？

Answer 1

删除标记中 .col-sm-6 之前的句点。应该是这样的，只有一个空格：

<div class="col-xs-12 col-sm-6"></div>

标记不需要类指示符。此外，您只需要 col-sm-6，因为默认情况下，Bootstrap 会自动转到 768 以下的 col-xs-12。

<div class="col-sm-6"></div>