2014-04-07 57 views
0

我的代碼是下面:更改引導COL-SM-6塊的順序在移動設備上

<div class="row"> 
    <div class="col-sm-6"> First Block </div> 
    <div class="col-sm-6"> Second Block </div> 
</div> 

這將顯示左到所述第二塊中的設備從小型到超大和第一的第一個塊阻止在移動設備上的第二個頂部。問題是如何在不改變HTMl文件順序的情況下顯示第一個頂部的第二個塊?

回答

2

使用推/拉這樣的班......

<div class="row"> 
    <div class="col-sm-6 col-sm-push-6"> First Block </div> 
    <div class="col-sm-6 col-sm-pull-6"> Second Block </div> 
</div> 

http://www.bootply.com/128019