How do I change Bootstrap column order on mobile layout?

Question

I have a layout for desktop [1][2][3]

But I want this when on mobile device like [2][3][1]

is it possible? I am using bootstrap 3.

check if the answers [here](http://stackoverflow.com/questions/20171408/how-do-i-change-bootstrap-3-column-order-on-mobile-layout) solves your problem — Mauricio Santamaria, Nov 09 '15 at 17:14
Yes, I checked this. But there is 2 column and I have 3 column... — Shariar Hossain, Nov 10 '15 at 04:43

score 0 · Answer 1 · answered Nov 10 '15 at 06:44

Check this

HTML

<div class="container">
    <div class="row">
        <div class="col-md-4 col-md-push-4 col-xs-4">2</div>
        <div class="col-md-4 col-md-push-4 col-xs-4">3</div>
        <div class="col-md-4 col-md-pull-8 col-xs-4">1</div>
    </div>
</div>
</div>

Fiddle Here

How do I change Bootstrap column order on mobile layout?

1 Answers1