2014-01-22 92 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 –

相關問題