I have a bootstrap layout like this:

```
<div class="row">
    <div class="col-md-2">
    1
    </div>
    <div class="col-md-8">
    2
    </div>  
    <div class="col-md-2">
    3
    </div>
</div>

```

It looks like this:

1 2 3

On mobile device, column 1 is on top, which is what I want, but then I want 3 column to appear the second and then 2 column to be third.

Is this possible?