自舉拉和推

Question

我努力讓自己的頭在Bootstrap拉和推方法。 我一直在玩耍，當切換2個div時，我得到了一個很好的工作示例。我明白那一部分。

但我想實現的需要一個額外的元素。

<div class="row"> 
<div class="col-md-6 " style="background-color:grey;">TEXT</div> 
<div class="col-md-6 col-md-push-12 " style="background-color:lavender;">IMAGE</div> 
<div class="col-md-12 col-md-pull-12" style="background-color:lavenderblush;">FORM</div> 
</div> 

我知道上面的例子是錯誤的，我故意添加我的形式格在12周的cols推它下面的圖片和文字的div，我想實現的是：

桌面：

[TEXT] [IMAGE]

[........ FORM ........]

手機：

[文字]

【組成】

[IMAGE]

從我可以看到我需要的東西添加到我的文字的div，我想？

Answer 1

我認爲，如果col-lg-6那麼你可以通過col-push-lg-6. 推列，您可以通過雙擊 使用給定的例子不是推塔作爲參考，它是如何工作的。

如果沒有足夠的比看到從給定鏈路由DrGeneral給出的例子：

http://stackoverflow.com/questions/18057270/column-order-manipulation-using-col-lg-push-and-col-lg-pull-in-twitter-bootstrap 

<div class="row"> 

    <div class="col-sm-6"> 
     Text 
    </div> 

    <div class="col-sm-12 col-sm-push-12"> 
     Image 
    </div> 

    <div class="col-sm-12 col-sm-pull-12"> 
     Form 
    </div> 


</div> 

希望此鏈接和實例的作品.....