How can I rearrange divs in bootstrap?

Question

I have three divs like below

<div class="col-lg-4"> A</div>
<div class="col-lg-4"> B </div>
<div class="col-lg-4"> C </div>

Basically for xs devices, it becomes like

A

B

C

However, I want it like

A

C

B

How can I do that?

Answer 1

Swap B and C code lines and you are done.