twitter引導中的列順序3

Question

我在這裏的第一個問題，所以我很抱歉如果我做錯了。

所以我有這段代碼：

<div class="row"> 
 
\t <div class="col-md-8"> 
 
\t \t col-md-8 
 
\t </div> 
 
\t <div class="col-md-4"> 
 
\t \t col-md-4 
 
\t </div> 
 
\t <div class="col-md-8"> 
 
\t \t col-md-8 
 
\t </div> \t \t \t 
 
</div>

表示：

[8] [4] 
[8] 

我的問題是，我該如何操作欄爲了像這樣：

[8] first 
[8] second 
[4] 

當查看端口< sm。隨着代碼，我現在它目前顯示：

[8] first 
[4] 
[8] second 

Answer 1

你需要考慮「移動第一」，並使用嵌套這樣的..

<div class="row"> 
    <div class="col-md-8"> 
     <div class="row"> 
      <div class="col-md-12">8</div> 
      <div class="col-md-12">8</div> 
     </div> 
    </div> 
    <div class="col-md-4"> 
     4 
    </div> 
</div> 

http://www.codeply.com/go/tQEH7GQ0ns

瞭解更多關於Bootstrap column ordering

Answer 2

你想要做的重新排序是一個稍微有點棘手，但引導已發展到重新排序取決於視圖的列的方法使用推和拉類。這些資源應該能夠幫助你找出解決方案。

https://scotch.io/tutorials/reorder-css-columns-using-bootstrap

https://css-tricks.com/forums/topic/pushpull-columns-for-only-smaller-screen-sizes-in-bootstrap-3/

希望這有助於！