更改自举网格系统的列顺序

Question

我想更改自举网格系统的默认行为。我使用的代码如下行我的网页显示两列：

<div class="col-md-8" id="one"> 
... 
</div> 

<div class="col-md-4" id="two"> 
... 
</div> 

当屏幕尺寸太小，无法显示两列相邻引导位置div one上述div two。我想反转这种行为，使其位置div two高于div one。但是，如果两列的空间足够大，则默认行为应该保持不变。

Answer 1

更改<div>的排列顺序，使two先来使小屏幕上的订单正确。然后使用col-md-push-8和col-md-pull-4在更大的屏幕上将two和one列推入并拉至正确的顺序。

<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet" /> 
 

 
<div class="col-md-4 col-md-push-8">two</div> 
 
<div class="col-md-8 col-md-pull-4">one</div>

订购