I have html like below, [This is a jsbin post](http://jsbin.com/yaqobafi/1/edit).

I want the blue and red div swap their location in `xs` size.

```
    <div class="row">
       <div class="col-xs-12 col-sm-6" style="background-color:red;">
           red
       </div>
       <div class="col-xs-12 col-sm-6" style="background-color:blue;">
           blue
       </div>
   </div>

```

Is it possible in bootstrap 3.0 to change the order of columns in mobile size.