翻轉Bootstrap中的3列網格順序

Question

我有一個3列網格，當斷點很大時需要翻轉列順序。

1. 在小斷點列應顯示COL3 COL2 COL1
2. 在介質斷點列應顯示COL2 COL1 COL3
3. 在大斷點列應顯示欄1 COL2 COL3

這JSFiddle行爲正確用於col-sm和col-md斷點。我試圖添加推/拉類來影響所需的大斷點行爲（上面的條件3），但無法使其工作。我覺得我正在被col-md上的訂單絆倒。我需要小型，中型和大型訂購行爲。這是如何完成的？

<div class="container"> 
    <div class="row-fluid"> 
    <div class="col-xs-12 col-sm-12 col-md-3 col-md-push-9 bg-warning"> 
     column 3 
    </div> 
    <div class="col-xs-12 col-sm-12 col-md-5 col-md-pull-3 bg-danger"> 
     Column 2 
    </div> 
    <div class="col-xs-12 col-sm-12 col-md-4 col-md-pull-3 bg-success">Column 1 
    </div> 
    </div> 
</div> 

Answer 1

我終於想通了。以下是JSFiddle中的解決方案。

<div class="container"> 
    <div class="row-fluid"> 
    <div class="col-xs-12 col-sm-12 col-md-3 col-md-push-9 bg-warning"> 
     column 3 
    </div> 
    <div class="col-xs-12 col-sm-12 col-md-5 col-md-pull-3 col-lg-push-1 bg-danger"> 
     Column 2 
    </div> 
    <div class="col-xs-12 col-sm-12 col-md-4 col-md-pull-3 col-lg-pull-8 bg-success">Column 1 
    </div> 
    </div> 
</div>