html - twitter bootstrap 3 中的列顺序

Question

这是我的第一个问题，如果我做错了，我深表歉意。

所以我得到了这段代码:

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

显示:

[8] [4]
[8]

我的问题是，如何将列顺序操作成这样:

[8] first
[8] second
[4] 

当视口(viewport)< 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 的信息