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/

希望这有助于！