更改列排序和調整

Question

目前我有一個看起來像這樣的桌面欄：

[ A ] [ B ] 

但現在我需要去改變它在移動順序和大小來看

[ B ] 
[ A ] 

如何我可以用Boostrap達到它嗎？

Answer 1

您可以使用Bootstrap的push and pull類。

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="container"> 
 
    <div class="row"> 
 
    <div class="col-xs-12 col-md-6 col-md-push-6">Column B</div> 
 
    <div class="col-xs-12 col-md-6 col-md-pull-6">Column A</div> 
 
    </div> 
 
</div>