Bootstrap column order on mobile?

Question

I have two sections. When mobile, the second div goes under first div. But how can I get the second div first when mobile (col-sm or col-xs)?

<div class="col-md-8">
Hello
</div>

<div class="col-md-4">
world
</div>

Answer 1

You can Use boostrap class col-lg-push-x and col-lg-pull-x.

Also see Demo Here: enter link description here

Exp:

<div class='row'>
<div class='col-lg-5 col-lg-push-5'>World</div>
<div class='col-lg-5 col-lg-pull-5'>Hello</div>
<div class='col-lg-2'></div>
</div>

Answer 2

Try changing your code to:

<div class="col-lg-9 col-lg-push-3">
Hello
</div>

<div class="col-lg-3 col-lg-pull-9">
World!
</div>