更改自舉網格系統的列順序

Question

我想更改自舉網格系統的默認行爲。我使用的代碼如下行我的網頁顯示兩列：

<div class="col-md-8" id="one"> 
... 
</div> 

<div class="col-md-4" id="two"> 
... 
</div> 

當屏幕尺寸太小，無法顯示兩列相鄰引導位置div one上述div two。我想反轉這種行爲，使其位置div two高於div one。但是，如果兩列的空間足夠大，則默認行爲應該保持不變。

Answer 1

更改<div>的排列順序，使two先來使小屏幕上的訂單正確。然後使用col-md-push-8和col-md-pull-4在更大的屏幕上將two和one列推入並拉至正確的順序。

<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet" /> 
 

 
<div class="col-md-4 col-md-push-8">two</div> 
 
<div class="col-md-8 col-md-pull-4">one</div>

訂購