CSS，引導：使元件自動安排位置，以適應屏幕

Question

我有一系列的元素應該是這樣的一個大屏幕：

[-1-][---2----][-3-][-4-] 

但是當屏幕小，內容應自動調整其位置以適應屏幕（每個元素的寬度和高度不能改變）：

[-1-][-3-] 
[---2----] 
[-4-] 

我怎樣才能做到這一點？

Answer 1

您應該添加類：

col-xs-6 to 1 

col-xs-12 to 2 

col-xs-6 to 3 

col-xs-6 to 4 

但高度不會是相同的，因爲元素必須改變高度以適應屏幕大小。當然，您可以在CSS中添加max-height，但很難說這看起來如何。