2014-01-22 86 views
1

我想在纵向模式(iPhone 5+为640像素宽)的一列中显示一些内容块,并且在横向模式(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> 

缺少什么我在这里?

回答

1

删除标记中.col-sm-6之前的时间段。应该像这样只有一个空格:

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

标记不需要类指示符。此外,你只有真正需要COL-SM-6,因为在默认情况下引导自动进入COL-XS-12以下768

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

哎呀对不起,粘贴从我在写HAML类,留下的空间中 –

+0

好也指出不需要col-sm-12 –

相关问题