我希望在纵向模式的一列中显示一些内容块（iPhone 5+为640px宽），在横向模式下显示两列（iPhone 5+为1136px宽）。我阅读文档（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>
我在这里缺少什么？
答案 0 :(得分：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>